404 page を追加

kuramapommel · Aug 27, 2024 · 3d8acfe · 3d8acfe
1 parent 6ef3f53
commit 3d8acfe
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/sample/src/pages/404.tsx b/sample/src/pages/404.tsx
@@ -0,0 +1,11 @@
+import { Link } from 'react-router-dom'
+
+const NotFoundPage = () => (
+  <>
+    <h1>404 NOT FOUND</h1>
+    <p>お探しのページは見つかりませんでした。</p>
+    <Link to="/">戻る</Link>
+  </>
+)
+
+export default NotFoundPage
diff --git a/sample/src/routes.tsx b/sample/src/routes.tsx
@@ -4,6 +4,7 @@ import { useDataProvider } from './hooks/use-data-provider'
 import Login from './pages/login'
 import ProductList from './pages/product-list'
 import Tenant from './pages/tenant'
+import NotFoundPage from './pages/404'
 
 const Routes = () => {
   const dataProvider = useDataProvider()
@@ -17,6 +18,7 @@ const Routes = () => {
         path="/tenant/*"
         element={<Tenant dataProvider={dataProvider} />}
       />
+      <Route path="*" element={<NotFoundPage />} />
     </RrdRoutes>
   )
 }