Fix

node_modules/preact/devtools/src/devtools.js

@@ -0,0 +1,10 @@
+import { options, Fragment, Component } from 'preact';
+
+export function initDevTools() {
+	if (typeof window != 'undefined' && window.__PREACT_DEVTOOLS__) {
+		window.__PREACT_DEVTOOLS__.attachPreact('10.18.1', options, {
+			Fragment,
+			Component
+		});
+	}
+}

node_modules/preact/devtools/src/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Customize the displayed name of a useState, useReducer or useRef hook
+ * in the devtools panel.
+ *
+ * @param value Wrapped native hook.
+ * @param name Custom name
+ */
+export function addHookName<T>(value: T, name: string): T;

node_modules/preact/devtools/src/index.js

@@ -0,0 +1,15 @@
+import { options } from 'preact';
+import { initDevTools } from './devtools';
+
+initDevTools();
+
+/**
+ * Display a custom label for a custom hook for the devtools panel
+ * @type {<T>(value: T, name: string) => T}
+ */
+export function addHookName(value, name) {
+	if (options._addHookName) {
+		options._addHookName(name);
+	}
+	return value;
+}