diff --git a/examples/vite-app/src/App/index.tsx b/examples/vite-app/src/App/index.tsx
index 7127adc2..67e46e55 100644
--- a/examples/vite-app/src/App/index.tsx
+++ b/examples/vite-app/src/App/index.tsx
@@ -2,6 +2,7 @@ import { ChangeEvent } from 'react';
import { BrowserRouter, Route, Routes, useLocation, useNavigate } from 'react-router-dom';
import Basic from '../examples/Basic';
+import Backgrounds from '../examples/Backgrounds';
import ControlledUncontrolled from '../examples/ControlledUncontrolled';
import CustomConnectionLine from '../examples/CustomConnectionLine';
import CustomNode from '../examples/CustomNode';
@@ -33,6 +34,7 @@ import UseUpdateNodeInternals from '../examples/UseUpdateNodeInternals';
import UseReactFlow from '../examples/UseReactFlow';
import Validation from '../examples/Validation';
import UseKeyPress from '../examples/UseKeyPress';
+import EdgeRouting from '../examples/EdgeRouting';
const routes = [
{
@@ -40,8 +42,12 @@ const routes = [
component: Basic,
},
{
- path: '/default-nodes',
- component: DefaultNodes,
+ path: '/backgrounds',
+ component: Backgrounds,
+ },
+ {
+ path: '/controlled-uncontrolled',
+ component: ControlledUncontrolled,
},
{
path: '/custom-connectionline',
@@ -51,6 +57,10 @@ const routes = [
path: '/custom-node',
component: CustomNode,
},
+ {
+ path: '/default-nodes',
+ component: DefaultNodes,
+ },
{
path: '/draghandle',
component: DragHandle,
@@ -67,6 +77,10 @@ const routes = [
path: '/edge-types',
component: EdgeTypes,
},
+ {
+ path: '/edge-routing',
+ component: EdgeRouting,
+ },
{
path: '/empty',
component: Empty,
@@ -155,10 +169,6 @@ const routes = [
path: '/validation',
component: Validation,
},
- {
- path: '/controlled-uncontrolled',
- component: ControlledUncontrolled,
- },
{
path: '/use-key-press',
component: UseKeyPress,
diff --git a/examples/vite-app/src/examples/MultiFlows/index.tsx b/examples/vite-app/src/examples/MultiFlows/index.tsx
index c5ffccfc..201de70e 100644
--- a/examples/vite-app/src/examples/MultiFlows/index.tsx
+++ b/examples/vite-app/src/examples/MultiFlows/index.tsx
@@ -10,6 +10,7 @@ import ReactFlow, {
useNodesState,
useEdgesState,
MarkerType,
+ MiniMap,
} from 'reactflow';
import styles from './multiflows.module.css';
@@ -70,6 +71,7 @@ const Flow: FC<{ id: string }> = ({ id }) => {
id={id}
>
+
);