diff --git a/src/App.tsx b/src/App.tsx
index 331ae23..bbb3524 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -21,6 +21,7 @@ import InActivePayment from "./pages/inActivePayment";
 import { useSelector } from "react-redux";
 import { RootState } from "./redux/store";
 import Page404 from "./pages/404";
+import RedirectToHome from "./utils/redirect-to-home ";
 // import LandingLayout from "./layout/LandingLayout";
 // import Landing from "./pages/landing";
 
@@ -28,6 +29,7 @@ const App = () => {
   const { isPaymentGateway } = useSelector(
     (state: RootState) => state.isPaymentGatewayState
   );
+
   return (
     <Router basename="/">
       <HelmetProvider>
@@ -44,7 +46,7 @@ const App = () => {
           </Route> */}
           <Route path="/" element={<Layout />}>
             <Route index element={<Shop />} />
-            <Route path="/configs/:configs" element={<Navigate to="/" />} />
+            <Route path="/configs/:configs" element={<RedirectToHome />} />
             <Route path="tutorial" element={<Tutorial />} />
             <Route path="rule" element={<Rule />} />
             <Route path="about" element={<About />} />