chore(errors): use new format

Author: moklick

LICENSE

@@ -1,6 +1,6 @@
 The MIT License
 
-Copyright (c) webkid GmbH 2019-2022
+Copyright (c) webkid GmbH 2019-2023
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

docs/guides/troubleshooting.mdx

@@ -396,3 +396,7 @@ This can happen if you are working with multiple handles and a handle is not fou
 ### Marker type doesn't exist.
 
 This warning occurs when you are trying to specify a marker type that is not built into React Flow. The existing marker types are documented [here](/docs/api/edges/edge-options/#markerstart--markerend-options).
+
+### Handle: No node id found.
+
+This warning occurs when you try to use a `<Handle />` component outside of a custom node component.

src/pages/error.js

@@ -4,18 +4,30 @@ import { useLocation, useHistory } from '@docusaurus/router';
 import { Box, Heading, Text, Link } from '@chakra-ui/react';
 
 const redirects = {
-  '#100': '#warning-seems-like-you-have-not-used-zustand-provider-as-an-ancestor',
-  '#200':
+  '#001': '#warning-seems-like-you-have-not-used-zustand-provider-as-an-ancestor',
+  '#002':
     '#it-looks-like-you-have-created-a-new-nodetypes-or-edgetypes-object-if-this-wasnt-on-purpose-please-define-the-nodetypesedgetypes-outside-of-the-component-or-memoize-them',
-  '#300': '#node-type-not-found-using-fallback-type-default',
-  '#400': '#the-react-flow-parent-container-needs-a-width-and-a-height-to-render-the-graph',
-  '#500': '#only-child-nodes-can-use-a-parent-extent',
-  '#600': '#cant-create-edge-an-edge-needs-a-source-and-a-target',
-  '#700': '#the-old-edge-with-idsome-id-does-not-exist',
-  '#800': '#couldnt-create-edge-for-sourcetarget-handle-id-some-id-edge-id-some-id',
-  '#900': '#marker-type-doesnt-exist',
+  '#003': '#node-type-not-found-using-fallback-type-default',
+  '#004': '#the-react-flow-parent-container-needs-a-width-and-a-height-to-render-the-graph',
+  '#005': '#only-child-nodes-can-use-a-parent-extent',
+  '#006': '#cant-create-edge-an-edge-needs-a-source-and-a-target',
+  '#007': '#the-old-edge-with-idsome-id-does-not-exist',
+  '#008': '#couldnt-create-edge-for-sourcetarget-handle-id-some-id-edge-id-some-id',
+  '#009': '#marker-type-doesnt-exist',
+  '#010': '#handle-no-node-id-found',
 };
 
+// legacy codes - we changed the format but kept the old ones for backwards compatibility
+redirects['#100'] = redirects['#001'];
+redirects['#200'] = redirects['#002'];
+redirects['#300'] = redirects['#003'];
+redirects['#400'] = redirects['#004'];
+redirects['#500'] = redirects['#005'];
+redirects['#600'] = redirects['#006'];
+redirects['#700'] = redirects['#007'];
+redirects['#800'] = redirects['#008'];
+redirects['#900'] = redirects['#009'];
+
 function getLinkFromHash(hash) {
   if (redirects.hasOwnProperty(hash)) {
     return `/docs/guides/troubleshooting/${redirects[hash]}`;