fix(router): fix routing components (#25)

Author: yuvarajuv

recipes/basic/snippets/sources/App.js

@@ -14,14 +14,12 @@ const browserHistory = createBrowserHistory()
 
 function App() {
   return (
-    <>
       <ErrorHandler>
         <PageLoader />
         <Router history={browserHistory}>
           <Routes />
         </Router>
       </ErrorHandler>
-    </>
   )
 }
 

recipes/basic/snippets/sources/Routes.js

@@ -12,7 +12,7 @@ const SignInModule = React.lazy(() =>
   import(/* webpackChunkName: "${sourceDir.containers}/${modules.signIn}" */ './${sourceDir.containers}/${modules.signIn}')
 )
 
-const DashboardModule = React.lazy(() =>
+const DashBoardModule = React.lazy(() =>
   import(/* webpackChunkName: "${sourceDir.containers}/${modules.dashboard}" */ './${sourceDir.containers}/${modules.dashboard}')
 )
 
@@ -24,8 +24,8 @@ const RoutesComponent = () => {
   return (
     <Suspense fallback={<PageLoader />}>
       <Routes>
-        <Route path={RoutePaths.SignIn} exact element={SignInModule} />
-        <Route path={RoutePaths.Dashboard} element={DashboardModule} />
+        <Route path={RoutePaths.SignIn} exact element={<SignInModule />} />
+        <Route path={RoutePaths.DashBoard} element={<DashBoardModule />} />
         <Route path="*" element={<NotFoundModule />} />
       </Routes>
     </Suspense>

recipes/basic/snippets/sources/modules/NotFound/NotFound.js

@@ -4,7 +4,7 @@ import { useNavigate } from 'react-router-dom'
 // Utils.
 import { RoutePaths } from '@/utils'
 
-const NotFound = (props) => {
+const NotFound = () => {
   const navigate = useNavigate();
 
   return (
@@ -18,4 +18,4 @@ const NotFound = (props) => {
   )
 }
 
-export default withRouter(NotFound)
+export default NotFound