use Compat*

keyasuda · Dec 30, 2024 · 2e8d889 · 2e8d889
1 parent 504f680
commit 2e8d889
Showing 1 changed file with 20 additions and 11 deletions.
diff --git a/src/component/App.tsx b/src/component/App.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { Provider } from 'react-redux'
 import { Router, Route, Switch } from 'react-router-dom'
+import { CompatRouter, CompatRoute } from 'react-router-dom-v5-compat' // ここでCompatRouterをインポート
 
 import { store, history } from '../state/store'
 import AppMenu from './app/AppMenu'
@@ -27,17 +28,25 @@ const App: React.FC = () => {
     <SignInButton styles={{ marginTop: 'calc(50vh - 29px)' }}>
       <Provider store={store}>
         <Router history={history}>
-          <Switch>
-            <Route path="/app/:fileId/print" component={PrintQueue} />
-            <Route path="/app/:fileId/storages/:itemId" component={Storage} />
-            <Route path="/app/:fileId/storages" component={Storages} />
-            <Route
-              path="/app/:fileId/belongings/:itemId"
-              component={Belonging}
-            />
-            <Route path="/app/:fileId/belongings" component={Belongings} />
-            <Route path="/app/:fileId" component={AppMenu} />
-          </Switch>
+          <CompatRouter>
+            <Switch>
+              <CompatRoute path="/app/:fileId/print" component={PrintQueue} />
+              <CompatRoute
+                path="/app/:fileId/storages/:itemId"
+                component={Storage}
+              />
+              <CompatRoute path="/app/:fileId/storages" component={Storages} />
+              <CompatRoute
+                path="/app/:fileId/belongings/:itemId"
+                component={Belonging}
+              />
+              <CompatRoute
+                path="/app/:fileId/belongings"
+                component={Belongings}
+              />
+              <CompatRoute path="/app/:fileId" component={AppMenu} />
+            </Switch>
+          </CompatRouter>
         </Router>
       </Provider>
     </SignInButton>