examples/99-server-components: Uncaught TypeError: child is null

[bbigras]

with examples/99-server-components, I got this error when I click a button:

Uncaught TypeError: child is null
    getDeepChild http://127.0.0.1:3000/lustre-server-component.mjs:329
    patch http://127.0.0.1:3000/lustre-server-component.mjs:62
    #diff http://127.0.0.1:3000/lustre-server-component.mjs:583
    messageReceivedCallback http://127.0.0.1:3000/lustre-server-component.mjs:498
    reconnect http://127.0.0.1:3000/lustre-server-component.mjs:567
    #reconnect http://127.0.0.1:3000/lustre-server-component.mjs:565
    attributeChangedCallback http://127.0.0.1:3000/lustre-server-component.mjs:489
    <anonymous> http://127.0.0.1:3000/:234
    <anonymous> http://127.0.0.1:3000/lustre-server-component.mjs:633
lustre-server-component.mjs:329:5

with e32e1b7
gleam 1.5.1

[hayleigh-dot-dev]

Thanks, I’ll take a look!

[bbigras]

Do you think this would help? I'm embarrassed to say that aider chat suggested that 😅 . It does seem to work though.

diff --git a/src/vdom.ffi.mjs b/src/vdom.ffi.mjs
index 5f9a445c01..31e8589aef 100644
--- a/src/vdom.ffi.mjs
+++ b/src/vdom.ffi.mjs
@@ -590,6 +590,9 @@
   let isFirstInPath = true;

   while ((([n, ...rest] = path), n !== undefined)) {
+    if (!child) {
+      return null;
+    }
     child = child.childNodes.item(isFirstInPath ? n + stylesOffset : n);
     isFirstInPath = false;
     path = rest;