chore: use startTransition futureflag (#105)

Author: alessbell

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 }) => (

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>