Update react-flow to v11

dv297 · Oct 19, 2022 · 7c21393 · 7c21393 · vercel · Oct 19, 2022
1 parent eb71975
commit 7c21393
Show file tree

Hide file tree

Showing 5 changed files with 161 additions and 59 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -81,12 +81,12 @@
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "17.0.2",
-    "react-flow-renderer": "^10.3.16",
     "react-foco": "^1.3.1",
     "react-hook-form": "^7.34.2",
     "react-image-file-resizer": "^0.4.8",
     "react-markdown": "8.0.0",
     "react-syntax-highlighter": "^15.5.0",
+    "reactflow": "^11.1.1",
     "xstate": "^4.33.4",
     "zod": "^3.18.0"
   },

diff --git a/src/components/ProjectMap/IssueNode.tsx b/src/components/ProjectMap/IssueNode.tsx
@@ -1,4 +1,4 @@
-import { Handle, Position } from 'react-flow-renderer';
+import { Handle, Position } from 'reactflow';
 import clsx from 'clsx';
 import { z } from 'zod';
 

diff --git a/src/components/ProjectMap/MapPersistenceManager.tsx b/src/components/ProjectMap/MapPersistenceManager.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useMemo } from 'react';
-import { Edge, Node, useEdges, useNodes } from 'react-flow-renderer';
+import { Edge, Node, useEdges, useNodes } from 'reactflow';
 import debounce from 'lodash.debounce';
 import { z } from 'zod';
 

diff --git a/src/components/ProjectMap/ProjectMap.tsx b/src/components/ProjectMap/ProjectMap.tsx
@@ -10,7 +10,7 @@ import ReactFlow, {
   NodeChange,
   useEdgesState,
   useNodesState,
-} from 'react-flow-renderer';
+} from 'reactflow';
 import { z } from 'zod';
 
 import type { IssueNodeData } from '@src/components/ProjectMap/IssueNode';
@@ -23,6 +23,8 @@ import { ProjectMapPositionSchema } from '@src/schemas/ProjectMapPositionSchemas
 import { Position } from '@src/styles/ProjectMapPositionDataEntry';
 import IssueStatusType from '@src/types/IssueStatusType';
 
+import 'reactflow/dist/style.css';
+
 const nodeTypes = {
   issue: IssueNode,
 };