refactor(nodeTypes/edgeTypes): show warning when not memoized closes #1620

example/src/CustomNode/index.tsx

@@ -27,6 +27,7 @@ const initBgColor = '#1A192B';
 
 const connectionLineStyle = { stroke: '#fff' };
 const snapGrid: SnapGrid = [16, 16];
+
 const nodeTypes = {
   selectorNode: ColorSelectorNode,
 };

example/src/Edges/index.tsx

@@ -6,7 +6,7 @@ import ReactFlow, {
   Controls,
   Background,
   ReactFlowInstance,
-  EdgeTypesType,
+  EdgeTypes,
   Connection,
   Edge,
   MarkerType,
@@ -102,7 +102,7 @@ const initialEdges: Edge[] = [
   },
 ];
 
-const edgeTypes: EdgeTypesType = {
+const edgeTypes: EdgeTypes = {
   custom: CustomEdge,
   custom2: CustomEdge2,
 };

example/src/FloatingEdges/index.tsx

@@ -4,7 +4,7 @@ import ReactFlow, {
   addEdge,
   Background,
   ReactFlowInstance,
-  EdgeTypesType,
+  EdgeTypes,
   Connection,
   useNodesState,
   useEdgesState,
@@ -20,7 +20,7 @@ const onInit = (reactFlowInstance: ReactFlowInstance) => reactFlowInstance.fitVi
 
 const { nodes: initialNodes, edges: initialEdges } = createElements();
 
-const edgeTypes: EdgeTypesType = {
+const edgeTypes: EdgeTypes = {
   floating: FloatingEdge,
 };
 

example/src/NodeTypesObjectChange/index.tsx

@@ -7,7 +7,7 @@ import ReactFlow, {
   Connection,
   Edge,
   NodeProps,
-  NodeTypesType,
+  NodeTypes,
   useNodesState,
   useEdgesState,
 } from 'react-flow-renderer';
@@ -43,7 +43,7 @@ const NodeB: FC<NodeProps> = () => {
 };
 
 type NodeTypesObject = {
-  [key: string]: NodeTypesType;
+  [key: string]: NodeTypes;
 };
 
 const nodeTypesObjects: NodeTypesObject = {

example/src/Undirectional/index.tsx

@@ -2,7 +2,7 @@ import { useCallback } from 'react';
 
 import ReactFlow, {
   useReactFlow,
-  NodeTypesType,
+  NodeTypes,
   addEdge,
   ReactFlowProvider,
   Node,
@@ -172,7 +172,7 @@ const initialEdges: Edge[] = [
   },
 ];
 
-const nodeTypes: NodeTypesType = {
+const nodeTypes: NodeTypes = {
   custom: CustomNode,
 };
 

example/src/UseUpdateNodeInternals/index.tsx

@@ -1,7 +1,7 @@
 import { useCallback, CSSProperties } from 'react';
 
 import ReactFlow, {
-  NodeTypesType,
+  NodeTypes,
   addEdge,
   useReactFlow,
   ReactFlowProvider,
@@ -28,7 +28,7 @@ const initialNodes: Node[] = [
 
 const buttonWrapperStyles: CSSProperties = { position: 'absolute', right: 10, top: 10, zIndex: 10 };
 
-const nodeTypes: NodeTypesType = {
+const nodeTypes: NodeTypes = {
   custom: CustomNode,
 };
 

example/src/Validation/index.tsx

@@ -8,7 +8,7 @@ import ReactFlow, {
   Edge,
   OnConnectStartParams,
   NodeProps,
-  NodeTypesType,
+  NodeTypes,
   useNodesState,
   useEdgesState,
 } from 'react-flow-renderer';
@@ -43,7 +43,7 @@ const CustomNode: FC<NodeProps> = ({ id }) => (
   </>
 );
 
-const nodeTypes: NodeTypesType = {
+const nodeTypes: NodeTypes = {
   custominput: CustomInput,
   customnode: CustomNode,
 };