chore(warnings): add error codes to documentation site

src/container/EdgeRenderer/MarkerSymbols.tsx

@@ -39,9 +39,7 @@ export function useMarkerSymbol(type: MarkerType) {
     const symbolExists = MarkerSymbols.hasOwnProperty(type);
 
     if (!symbolExists) {
-      console.warn(
+      console.warn(`[React Flow]: Marker type "${type}" doesn't exist. Help: https://reactflow.dev/error-decoder#900`);
-        `[React Flow]: marker type "${type}" doesn't exist. Help: https://reactflow.dev/docs/guides/troubleshooting`
-      );
       return () => null;
     }
 

src/container/EdgeRenderer/index.tsx

@@ -107,14 +107,14 @@ const EdgeRenderer = (props: EdgeRendererProps) => {
 
               if (!sourceHandle) {
                 console.warn(
-                  `[React Flow]: couldn't create edge for source handle id: ${edge.sourceHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/docs/guides/troubleshooting`
+                  `[React Flow]: Couldn't create edge for source handle id: ${edge.sourceHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/error-decoder#800`
                 );
                 return null;
               }
 
               if (!targetHandle) {
                 console.warn(
-                  `[React Flow]: couldn't create edge for target handle id: ${edge.targetHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/docs/guides/troubleshooting`
+                  `[React Flow]: Couldn't create edge for target handle id: ${edge.targetHandle}; edge id: ${edge.id}. Help: https://reactflow.dev/error-decoder#800`
                 );
                 return null;
               }

src/container/NodeRenderer/index.tsx

@@ -72,7 +72,7 @@ const NodeRenderer = (props: NodeRendererProps) => {
 
         if (!props.nodeTypes[nodeType]) {
           console.warn(
-            `[React Flow]: Node type "${nodeType}" not found. Using fallback type "default". Help: https://reactflow.dev/docs/guides/troubleshooting`
+            `[React Flow]: Node type "${nodeType}" not found. Using fallback type "default". Help: https://reactflow.dev/error-decoder#300`
           );
         }
 

src/container/ReactFlow/utils.ts

@@ -16,7 +16,7 @@ export function useNodeOrEdgeTypes(nodeOrEdgeTypes: any, createTypes: any): any
       const typeKeys = Object.keys(nodeOrEdgeTypes);
       if (shallow(typesKeysRef.current, typeKeys)) {
         console.warn(
-          "[React Flow]: It looks like you have created a new nodeTypes or edgeTypes object. If this wasn't on purpose please define the nodeTypes/edgeTypes outside of the component or memoize them. Help: https://reactflow.dev/docs/guides/troubleshooting"
+          "[React Flow]: It looks like you have created a new nodeTypes or edgeTypes object. If this wasn't on purpose please define the nodeTypes/edgeTypes outside of the component or memoize them. Help: https://reactflow.dev/error-decoder#200"
         );
       }
 

src/hooks/useResizeHandler.ts

@@ -18,7 +18,7 @@ function useResizeHandler(rendererNode: MutableRefObject<HTMLDivElement | null>)
 
       if (size.height === 0 || size.width === 0) {
         console.warn(
-          '[React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/docs/guides/troubleshooting'
+          '[React Flow]: The React Flow parent container needs a width and a height to render the graph. Help: https://reactflow.dev/error-decoder#400'
         );
       }
 

src/store/utils.ts

@@ -142,7 +142,7 @@ export function createPositionChange({
             : currentExtent;
       } else {
         console.warn(
-          '[React Flow]: Only child nodes can use a parent extent. Help: https://reactflow.dev/docs/guides/troubleshooting'
+          '[React Flow]: Only child nodes can use a parent extent. Help: https://reactflow.dev/error-decoder#500'
         );
         currentExtent = nodeExtent;
       }

src/utils/graph.ts

@@ -58,7 +58,7 @@ const connectionExists = (edge: Edge, edges: Edge[]) => {
 export const addEdge = (edgeParams: Edge | Connection, edges: Edge[]): Edge[] => {
   if (!edgeParams.source || !edgeParams.target) {
     console.warn(
-      "[React Flow]: Can't create edge. An edge needs a source and a target. Help: https://reactflow.dev/docs/guides/troubleshooting"
+      "[React Flow]: Can't create edge. An edge needs a source and a target. Help: https://reactflow.dev/error-decoder#600"
     );
     return edges;
   }
@@ -83,7 +83,7 @@ export const addEdge = (edgeParams: Edge | Connection, edges: Edge[]): Edge[] =>
 export const updateEdge = (oldEdge: Edge, newConnection: Connection, edges: Edge[]): Edge[] => {
   if (!newConnection.source || !newConnection.target) {
     console.warn(
-      "[React Flow]: Can't create a new edge. An edge needs a source and a target. Help: https://reactflow.dev/docs/guides/troubleshooting"
+      "[React Flow]: Can't create a new edge. An edge needs a source and a target. Help: https://reactflow.dev/error-decoder#600"
     );
     return edges;
   }
@@ -92,7 +92,7 @@ export const updateEdge = (oldEdge: Edge, newConnection: Connection, edges: Edge
 
   if (!foundEdge) {
     console.warn(
-      `[React Flow]: The old edge with id=${oldEdge.id} does not exist. Help: https://reactflow.dev/docs/guides/troubleshooting`
+      `[React Flow]: The old edge with id=${oldEdge.id} does not exist. Help: https://reactflow.dev/error-decoder#700`
     );
     return edges;
   }