fix(react-template): fix warning fron react-router-dom

pplancq · Nov 13, 2024 · 6e71da3 · 6e71da3
1 parent e613869
commit 6e71da3
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/packages/react-template/src/components/Footer/__tests__/Footer.test.tsx b/packages/react-template/src/components/Footer/__tests__/Footer.test.tsx
@@ -5,7 +5,7 @@ import { Footer } from '../Footer';
 describe('Footer Component', () => {
   it('should render the Footer component correctly', () => {
     const { container } = render(
-      <Router>
+      <Router future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
         <Footer />
       </Router>,
     );

diff --git a/packages/react-template/src/components/Header/__tests__/Header.test.tsx b/packages/react-template/src/components/Header/__tests__/Header.test.tsx
@@ -5,7 +5,7 @@ import { Header } from '../Header';
 describe('Header Component', () => {
   it('should render the Header component correctly', () => {
     const { container } = render(
-      <Router>
+      <Router future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
         <Header />
       </Router>,
     );

diff --git a/packages/react-template/src/pages/Demo/__tests__/Demo.test.tsx b/packages/react-template/src/pages/Demo/__tests__/Demo.test.tsx
@@ -5,7 +5,7 @@ import { Demo } from '../Demo';
 describe('Demo Component', () => {
   it('should render the Demo component correctly', () => {
     const { container } = render(
-      <Router>
+      <Router future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
         <Demo />
       </Router>,
     );

diff --git a/packages/react-template/src/routing/routerFactory.ts b/packages/react-template/src/routing/routerFactory.ts
@@ -6,5 +6,13 @@ interface CreateRouterProps {
 }
 
 export const createRouter = ({ basename }: CreateRouterProps = {}) => {
-  return createBrowserRouter(routeObject, { basename });
+  return createBrowserRouter(routeObject, {
+    basename,
+    future: {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-expect-error
+      v7_startTransition: true,
+      v7_relativeSplatPath: true,
+    },
+  });
 };