Refactor routing in App component to enhance navigation and improve error handling by integrating dynamic routes and updating the NotFound route.

node_modules/unist-util-modify-children/lib/index.js

@@ -0,0 +1,68 @@
+/**
+ * @typedef {import('unist').Node} Node
+ * @typedef {import('unist').Parent} Parent
+ */
+
+/**
+ * @template {Parent} Kind
+ *   Node type.
+ * @callback Modifier
+ *   Callback called for each `child` in `parent` later given to `modify`.
+ * @param {Kind['children'][number]} child
+ *   Child of `parent`.
+ * @param {number} index
+ *   Position of `child` in `parent`.
+ * @param {Kind} parent
+ *   Parent node.
+ * @returns {number | undefined | void}
+ *   Position to move to next (optional).
+ */
+
+/**
+ * @template {Parent} Kind
+ *   Node type.
+ * @callback Modify
+ *   Modify children of `parent`.
+ * @param {Kind} parent
+ *   Parent node.
+ * @returns {undefined}
+ *   Nothing.
+ */
+
+import {arrayIterate} from 'array-iterate'
+
+/**
+ * Wrap `modifier` to be called for each child in the nodes later given to
+ * `modify`.
+ *
+ * @template {Parent} Kind
+ *   Node type.
+ * @param {Modifier<Kind>} modifier
+ *   Callback called for each `child` in `parent` later given to `modify`.
+ * @returns {Modify<Kind>}
+ *   Modify children of `parent`.
+ */
+export function modifyChildren(modifier) {
+  return modify
+
+  /** @type {Modify<Kind>} */
+  function modify(parent) {
+    if (!parent || !parent.children) {
+      throw new Error('Missing children in `parent` for `modifier`')
+    }
+
+    arrayIterate(parent.children, iteratee, parent)
+  }
+
+  /**
+   * Pass the context as the third argument to `modifier`.
+   *
+   * @this {Kind}
+   * @param {Node} node
+   * @param {number} index
+   * @returns {number | undefined | void}
+   */
+  function iteratee(node, index) {
+    return modifier(node, index, this)
+  }
+}