chore(examples): add cancel connection

examples/vite-app/src/App/index.tsx

@@ -54,6 +54,11 @@ const routes: IRoute[] = [
     path: '/backgrounds',
     component: Backgrounds,
   },
+  {
+    name: 'Cancel Connection',
+    path: '/cancel-connection',
+    component: CancelConnection,
+  },
   {
     name: 'Controlled/Uncontrolled',
     path: '/controlled-uncontrolled',
@@ -214,21 +219,17 @@ const routes: IRoute[] = [
     path: '/use-key-press',
     component: UseKeyPress,
   },
-  {
-    path: '/cancel-connection',
-    component: CancelConnection
-  }
 ];
 
 const Header = () => {
   const location = useLocation();
   const navigate = useNavigate();
   const [currentPath, setCurrentPath] = useState(location.pathname);
-  
+
   useEffect(() => {
     const name = routes.find((route) => route.path === currentPath)?.name;
     document.title = `React Flow Examples${name ? ' - ' + name : ''}`;
-    navigate(currentPath)
+    navigate(currentPath);
   }, [currentPath]);
 
   return (
@@ -236,10 +237,7 @@ const Header = () => {
       <a className="logo" href="https://github.com/wbkd/react-flow">
         React Flow Dev
       </a>
-      <select
+      <select value={currentPath} onChange={(event) => setCurrentPath(event.target.value)}>
-        value={currentPath}
-        onChange={(event) => setCurrentPath(event.target.value)}
-      >
         {routes.map((route) => (
           <option value={route.path} key={route.path}>
             {route.name}