fix: normalize address and ID inputs to lowercase in details pages (#52)

* fix: normalize address and ID inputs to lowercase in details pages

* chore: update Node.js and npm version requirements in README

* chore: reorder script entry from README

Author: ErwanDecoster

README.md

@@ -20,8 +20,8 @@
 ## Quick Start
 
 ### Prerequisites
-- Node.js >= 18
-- npm >= 9
+- Node.js >= 22
+- npm >= 10
 
 ### Install
 ```bash
@@ -56,13 +56,13 @@ npm run preview
 ```
 
 ## Useful Scripts
+- `npm run codegen` — GraphQL types
 - `npm run dev` — start dev server
 - `npm run build` — production build
 - `npm run preview` — preview build
 - `npm run lint` — lint code
 - `npm run check-type` — TypeScript check
 - `npm run format` — Prettier format
-- `npm run codegen` — GraphQL types
 
 ## Tech Stack
 - **React 19** + TypeScript

src/routes/$chainSlug/_layout/address/$addressAddress.tsx

@@ -84,7 +84,7 @@ function AddressRoute() {
     hasPastError,
     isValid,
     error,
-  } = useAddressData(addressAddress, chainId!);
+  } = useAddressData((addressAddress as string).toLowerCase(), chainId!);
 
   const addressDetails = address ? buildAddressDetails({ address }) : undefined;
   const addressOverview = address

src/routes/$chainSlug/_layout/app/$appAddress.tsx

@@ -65,7 +65,7 @@ function AppsRoute() {
     hasPastError,
     isValid,
     error,
-  } = useAppData(appAddress, chainId!);
+  } = useAppData((appAddress as string).toLowerCase(), chainId!);
 
   const appDetails = app ? buildAppDetails({ app }) : undefined;
 

src/routes/$chainSlug/_layout/dataset/$datasetAddress.tsx

@@ -67,7 +67,7 @@ function DatasetsRoute() {
     hasPastError,
     isValid,
     error,
-  } = useDatasetData(datasetAddress, chainId!);
+  } = useDatasetData((datasetAddress as string).toLowerCase(), chainId!);
 
   const datasetDetails = dataset ? buildDatasetDetails({ dataset }) : undefined;
 

src/routes/$chainSlug/_layout/deal/$dealId.tsx

@@ -69,7 +69,7 @@ function DealsRoute() {
     hasPastError,
     isValid,
     error,
-  } = useDealData(dealId, chainId!);
+  } = useDealData((dealId as string).toLowerCase(), chainId!);
 
   const dealDetails = deal
     ? buildDealDetails({ deal, isConnected })

src/routes/$chainSlug/_layout/search/$search.tsx

@@ -3,7 +3,6 @@ import { createFileRoute, redirect } from '@tanstack/react-router';
 export const Route = createFileRoute('/$chainSlug/_layout/search/$search')({
   loader: ({ params }) => {
     const { chainSlug, search } = params;
-    console.log('$search', chainSlug, search);
 
     return redirect({
       to: `/${chainSlug}?search=${encodeURIComponent(search)}`,

src/routes/$chainSlug/_layout/task/$taskId.tsx

@@ -63,7 +63,7 @@ function TasksRoute() {
     hasPastError,
     isValid,
     error,
-  } = useTaskData(taskId, chainId!);
+  } = useTaskData((taskId as string).toLowerCase(), chainId!);
 
   const taskDetails = task ? buildTaskDetails({ task }) : undefined;
 

src/routes/$chainSlug/_layout/tx/$txHash.tsx

@@ -77,7 +77,7 @@ function TransactionsRoute() {
     hasPastError,
     isValid,
     error,
-  } = useTransactionData(txHash, chainId!);
+  } = useTransactionData((txHash as string).toLowerCase(), chainId!);
 
   const transactionDetails = transaction
     ? buildTransactionDetails({ transaction })

src/routes/$chainSlug/_layout/workerpool/$workerpoolAddress.tsx

@@ -67,7 +67,7 @@ function WorkerpoolsRoute() {
     hasPastError,
     isValid,
     error,
-  } = useWorkerpoolData(workerpoolAddress, chainId!);
+  } = useWorkerpoolData((workerpoolAddress as string).toLowerCase(), chainId!);
 
   const workerpoolDetails = workerpool
     ? buildWorkerpoolDetails({ workerpool })