useParam fix

Author: prasanthreact

src/app/blog/[id]/loader.tsx

@@ -1,6 +1,7 @@
-const FetchLoad = async ({ params }) => {
+import { LoaderFunctionArgs } from "react-router-dom";
+const FetchLoad = async ({ params }: LoaderFunctionArgs) => {
   const data = await fetch(
-    `https://jsonplaceholder.typicode.com/todos/${params.id}`,
+    `https://jsonplaceholder.typicode.com/todos/${params.id}`
   );
   const json = await data.json();
   console.log(json);

src/package/hooks/useParams.tsx

@@ -1,9 +1,9 @@
 import React from "react";
-import { useParams as useReactDomParams } from "react-router-dom";
+import { useParams } from "react-router-dom";
 
 //overwrite the useParams for catchall params route
 export const useNextParams = () => {
-  const params = useReactDomParams();
+  const params = useParams();
   let updatedParams: { [key: string]: any } = params;
 
   if (Object.values(params).length > 1) {