From d380f259b14694979761fab5c1f7b9d8e82f1f2c Mon Sep 17 00:00:00 2001
From: Robert <robertsolovev39@gmail.com>
Date: Fri, 8 Mar 2024 22:42:57 +0700
Subject: [PATCH] better way

---
 src/routes/$namespace/$chainId.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/routes/$namespace/$chainId.tsx b/src/routes/$namespace/$chainId.tsx
index 7ab85e1..1c17f8a 100644
--- a/src/routes/$namespace/$chainId.tsx
+++ b/src/routes/$namespace/$chainId.tsx
@@ -1,18 +1,13 @@
 import { redirect } from "@tanstack/react-router";
-import { useParams } from "@tanstack/react-router";
 import { requireChains } from "@/entities/chain/lib";
 import { createFileRoute } from "@tanstack/react-router";
-import { useNavigate } from "@tanstack/react-router";
 
 import { useChainState } from "@/entities/chain/model";
 import { Typography } from "@mui/material";
 import { ChainButtons } from "@/widgets/chain-buttons";
 
 function ChainPage() {
-  const navigate = useNavigate({ from: "/$namespace/$chainId" });
-  const { chainId } = useParams({ from: "/$namespace/$chainId" });
-  const chain = useChainState((state) => state.getChain(chainId));
-  if (!chain) return navigate({ to: "/$namespace" });
+  const { chain } = Route.useLoaderData();
 
   return (
     <>
@@ -43,5 +38,7 @@ export const Route = createFileRoute("/$namespace/$chainId")({
 
     const selectedChain = chainState.getChain(params.chainId);
     if (!selectedChain) throw redirect({ to: "/$namespace", params });
+
+    return { chain: selectedChain };
   },
 });