examples: vite-plugin-solid next.22 (drops the _$SC head splice); NoteEditor reads initial props under untrack

The plugin bump removes the head-open bootstrap splice that shifted
every head hydration claim by one (references self-bootstrap since
runtime next.38); chat already pinned next.22, the rest still spliced.
NoteEditor seeds its editor state from live slot args once by contract,
so it declares that with untrack instead of tripping strict-read
warnings.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: ryansolid

examples/hackernews-spa/package.json

@@ -19,6 +19,6 @@
   },
   "devDependencies": {
     "vite": "^8.0.0",
-    "vite-plugin-solid": "3.0.0-next.21"
+    "vite-plugin-solid": "3.0.0-next.22"
   }
 }

examples/hackernews/package.json

@@ -19,6 +19,6 @@
   },
   "devDependencies": {
     "vite": "^8.0.0",
-    "vite-plugin-solid": "3.0.0-next.21"
+    "vite-plugin-solid": "3.0.0-next.22"
   }
 }

examples/migrating-element/package.json

@@ -18,6 +18,6 @@
     "solid-js": "workspace:*",
     "typescript": "^6.0.2",
     "vite": "^7.0.0",
-    "vite-plugin-solid": "3.0.0-next.21"
+    "vite-plugin-solid": "3.0.0-next.22"
   }
 }

examples/notes/package.json

@@ -22,6 +22,6 @@
   },
   "devDependencies": {
     "vite": "^8.0.0",
-    "vite-plugin-solid": "3.0.0-next.21"
+    "vite-plugin-solid": "3.0.0-next.22"
   }
 }

examples/notes/src/components/NoteEditor.tsx

@@ -11,7 +11,7 @@
 // fresh sidebar list and (for save) the fresh note view — submit to settled
 // UI in a single round trip. The live preview reuses the same NotePreview the
 // note's server component renders — the shared-module half of the demo.
-import { createSignal } from "solid-js";
+import { createSignal, untrack } from "solid-js";
 import { deleteNote, saveNote } from "~/lib/api";
 import NotePreview from "./NotePreview";
 
@@ -20,9 +20,17 @@ export default function NoteEditor(props: {
   initialTitle: string;
   initialBody: string;
 }) {
-  const [title, setTitle] = createSignal(props.initialTitle);
-  const [body, setBody] = createSignal(props.initialBody);
-  const noteId = props.noteId;
+  // Slot args are live — a server morph can push fresh values through these
+  // props. This editor seeds its own state from them ONCE by contract (the
+  // `initial*` names), so read them under `untrack` to declare that intent.
+  const initial = untrack(() => ({
+    noteId: props.noteId,
+    title: props.initialTitle,
+    body: props.initialBody
+  }));
+  const [title, setTitle] = createSignal(initial.title);
+  const [body, setBody] = createSignal(initial.body);
+  const noteId = initial.noteId;
 
   return (
     <div class="note-editor">

examples/rendering/package.json

@@ -26,6 +26,6 @@
     "solid-js": "workspace:*",
     "typescript": "^6.0.2",
     "vite": "^7.0.0",
-    "vite-plugin-solid": "3.0.0-next.21"
+    "vite-plugin-solid": "3.0.0-next.22"
   }
 }

examples/sierpinski/package.json

@@ -18,6 +18,6 @@
     "solid-js": "workspace:*",
     "typescript": "^6.0.2",
     "vite": "^7.0.0",
-    "vite-plugin-solid": "3.0.0-next.21"
+    "vite-plugin-solid": "3.0.0-next.22"
   }
 }

examples/todos/package.json

@@ -18,6 +18,6 @@
     "solid-js": "workspace:*",
     "typescript": "^6.0.2",
     "vite": "^7.0.0",
-    "vite-plugin-solid": "3.0.0-next.21"
+    "vite-plugin-solid": "3.0.0-next.22"
   }
 }