Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://mastodon.ar.al/users/aral/statuses/116726160470613808">Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 10-Jun-2026 22:58:15 JST</a><a href="https://mastodon.ar.al/@aral" title="aral@mastodon.ar.al"><img src="https://gnusocial.jp/avatar/4627-48-20250906071718.webp" width="48" height="48" alt="Aral Balkan" style="position: absolute; left: 0; top: 0;">Aral Balkan</a><div><a href="https://mastodon.ar.al/@aral/116720344915947370" rel="in-reply-to">in reply to</a></div></section><article><p>You also have some helpful new error messages to look forward to :)</p><p><a href="https://mastodon.ar.al/tags/SmallWeb" rel="tag">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/Kitten" rel="tag">#Kitten</a>  <a href="https://mastodon.ar.al/tags/NodeJS" rel="tag">#NodeJS</a> <a href="https://mastodon.ar.al/tags/JavaScript" rel="tag">#JavaScript</a> <a href="https://mastodon.ar.al/tags/web" rel="tag">#web</a> <a href="https://mastodon.ar.al/tags/dev" rel="tag">#dev</a> <a href="https://mastodon.ar.al/tags/statefulComponents" rel="tag">#statefulComponents</a> <a href="https://mastodon.ar.al/tags/streamingHTML" rel="tag">#streamingHTML</a> <a href="https://mastodon.ar.al/tags/hypertext" rel="tag">#hypertext</a> <a href="https://mastodon.ar.al/tags/errorMessages" rel="tag">#errorMessages</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/6463643#notice-12729970">In conversation</a><time datetime="2026-06-10T22:58:15+09:00" title="Wednesday, 10-Jun-2026 22:58:15 JST">about a month ago</time> <span>from <span><a href="https://mastodon.ar.al/@aral/116726160470613808" rel="external" title="Sent from mastodon.ar.al via ActivityPub">mastodon.ar.al</a></span></span><a href="https://mastodon.ar.al/@aral/116726160470613808">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/6160732">Screenshot of error message in Kitten (terminal output):❌ Error: Cannot stream component update as component does not have a single root DOM node.What you're attempting to send:‹div id="counter" aria-live="assertive"&gt;54&lt;/div&gt;
‹style inline&gt;#counter ‹ color: blue; }&lt;/style&gt;
&lt;style&gt;#counter { font-size: 3em; margin: 0.25em 0; }&lt;/style&gt;What it should look like:&lt;div&gt;
‹div id="counter" aria-live="assertive"&gt;54&lt;/div&gt;
‹style inline&gt;#counter { color: blue; }&lt;/style&gt; ‹style&gt;#counter { font-size: 3em; margin: 0.25em 0; }&lt;/style&gt;
&lt; div&gt;</a></label><br><a href="https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/116/726/160/447/547/807/original/1fbeadd68e07aff0.jpeg" rel="external">https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/116/726/160/447/547/807/original/1fbeadd68e07aff0.jpeg</a></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 10-Jun-2026 22:58:15 JST Aral Balkan
in reply to
You also have some helpful new error messages to look forward to :)
#SmallWeb #Kitten #NodeJS #JavaScript #web #dev #statefulComponents #streamingHTML #hypertext #errorMessages
In conversationabout a month ago from mastodon.ar.alpermalink
Attachments
1. Screenshot of error message in Kitten (terminal output): ❌ Error: Cannot stream component update as component does not have a single root DOM node. What you're attempting to send: ‹div id="counter" aria-live="assertive">54</div> ‹style inline>#counter ‹ color: blue; }</style> <style>#counter { font-size: 3em; margin: 0.25em 0; }</style> What it should look like: <div> ‹div id="counter" aria-live="assertive">54</div> ‹style inline>#counter { color: blue; }</style> ‹style>#counter { font-size: 3em; margin: 0.25em 0; }</style> < div>
  https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/116/726/160/447/547/807/original/1fbeadd68e07aff0.jpeg

Public

Embed Notice

HTML Code

Corresponding Notice