Name all exports to fix HMR.

lynxkite-app/web/src/Directory.tsx

@@ -58,7 +58,7 @@ function EntryCreator(props: {
 
 const fetcher = (url: string) => fetch(url).then((res) => res.json());
 
-export default function () {
+export default function Directory() {
   const path = usePath().replace(/^[/]$|^[/]dir$|^[/]dir[/]/, "");
   const encodedPath = encodeURIComponent(path || "");
   const list = useSWR(`/api/dir/list?path=${encodedPath}`, fetcher, {

lynxkite-app/web/src/Tooltip.tsx

@@ -7,9 +7,9 @@ export default function Tooltip(props: any) {
   if (!props.doc) return null;
   return (
     <>
-      <a data-tooltip-id={id} tabIndex={0}>
+      <span data-tooltip-id={id} tabIndex={0}>
         {props.children}
-      </a>
+      </span>
       <ReactTooltip id={id} className="tooltip prose" place="top-end">
         {props.doc.map?.(
           (section: any, i: number) =>

lynxkite-app/web/src/workspace/NodeSearch.tsx

@@ -10,7 +10,7 @@ export type OpsOp = {
 export type Catalog = { [op: string]: OpsOp };
 export type Catalogs = { [env: string]: Catalog };
 
-export default function (props: {
+export default function NodeSearch(props: {
   boxes: Catalog;
   onCancel: any;
   onAdd: any;

lynxkite-app/web/src/workspace/Workspace.tsx

@@ -28,7 +28,7 @@ import Backspace from "~icons/tabler/backspace.jsx";
 import Restart from "~icons/tabler/rotate-clockwise.jsx";
 // @ts-ignore
 import Close from "~icons/tabler/x.jsx";
-import type { Workspace, WorkspaceNode } from "../apiTypes.ts";
+import type { WorkspaceNode, Workspace as WorkspaceType } from "../apiTypes.ts";
 import favicon from "../assets/favicon.ico";
 import { usePath } from "../common.ts";
 // import NodeWithTableView from './NodeWithTableView';
@@ -44,7 +44,7 @@ import NodeWithParams from "./nodes/NodeWithParams";
 import NodeWithTableView from "./nodes/NodeWithTableView.tsx";
 import NodeWithVisualization from "./nodes/NodeWithVisualization.tsx";
 
-export default function (props: any) {
+export default function Workspace(props: any) {
   return (
     <ReactFlowProvider>
       <LynxKiteFlow {...props} />
@@ -62,10 +62,10 @@ function LynxKiteFlow() {
     .split("/")
     .pop()!
     .replace(/[.]lynxkite[.]json$/, "");
-  const [state, setState] = useState({ workspace: {} as Workspace });
+  const [state, setState] = useState({ workspace: {} as WorkspaceType });
   const [message, setMessage] = useState(null as string | null);
   useEffect(() => {
-    const state = syncedStore({ workspace: {} as Workspace });
+    const state = syncedStore({ workspace: {} as WorkspaceType });
     setState(state);
     const doc = getYjsDoc(state);
     const proto = location.protocol === "https:" ? "wss:" : "ws:";