chore: use startTransition futureflag (#105)

apollographql · Aug 8, 2023 · 86f4c63 · 86f4c63
1 parent 816d355
commit 86f4c63
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/apollo-client/v3/suspense-hooks/src/index.tsx b/apollo-client/v3/suspense-hooks/src/index.tsx
@@ -20,7 +20,7 @@ const root = ReactDOM.createRoot(
 root.render(
   <React.StrictMode>
     <ApolloProvider client={client}>
-      <Router>
+      <Router future={{ v7_startTransition: true }}>
         <Routes>
           <Route path="/" element={<Layout />}>
             {routes.map(({ path, Element }) => (

diff --git a/apollo-client/v3/suspense-hooks/src/layout.tsx b/apollo-client/v3/suspense-hooks/src/layout.tsx
@@ -1,4 +1,4 @@
-import { Outlet, useLocation } from "react-router-dom";
+import { Link, Outlet, useLocation } from "react-router-dom";
 import { routes } from "./routes";
 import { useMemo } from "react";
 
@@ -29,8 +29,8 @@ export function Layout() {
           <ul>
             {routes.map(({ path, title }) => (
               <li key={path}>
-                <a
-                  href={`/${path}`}
+                <Link
+                  to={`/${path}`}
                   dangerouslySetInnerHTML={{ __html: title }}
                 />
               </li>