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.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 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<Kind extends import('unist').Parent>(
+  modifier: Modifier<Kind>
+): Modify<Kind>
+export type Node = import('unist').Node
+export type Parent = import('unist').Parent
+/**
+ * Callback called for each `child` in `parent` later given to `modify`.
+ */
+export type Modifier<Kind extends import('unist').Parent> = (
+  child: Kind['children'][number],
+  index: number,
+  parent: Kind
+) => number | undefined | void
+/**
+ * Modify children of `parent`.
+ */
+export type Modify<Kind extends import('unist').Parent> = (
+  parent: Kind
+) => undefined

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)
+  }
+}