Bindings/Refs Tutorial Section broken

[Crisfole]

Describe the bug

I was running through the tutorial when I hit the bindings/refs segment:

https://www.solidjs.com/tutorial/bindings_refs?solved

Nothing happened. I can see the onMount and loop functions being called (logs demonstrated that), but the putImageData is a no-op (which definitely doesn't make sense).

I tried this in both Chromium Edge and Firefox.

I'm on a Windows machine.

Your Example Website or App

https://www.solidjs.com/tutorial/bindings_refs?solved

Steps to Reproduce the Bug or Issue

1. Navigate to https://www.solidjs.com/tutorial/bindings_refs?solved
2. Click "Solve"
3. Observe Nothing.

Expected behavior

I expected to see something (anything really) rendered to the canvas. I haven't read the code carefully enough to know what I should be seeing.

Screenshots or Videos

Platform

• OS: Windows
• Browser:
  • Edge: Version 106.0.1370.47 (Official build) (64-bit)
  • Firefox: 106.0.1 (64-bit)
  • Chrome: Version 106.0.5249.119 (Official Build) (64-bit)

Additional context

No response

[Crisfole]

To be fair, I still learned how refs worked (as expected), but I imagine it could be troublesome for a newer dev.

[ryansolid]

Thank you will move this to the appropriate place.

[mpacary]

Similar issue here with Chrome Version 109.0.5414.75 (Official Build) (64-bit) : When adding a console.log() at top of function loop() or onMount(() => { ... }), nothing appears in console. Only adding a console.log() at top of App() makes it appear in console.

Bindings/Forwardings refs page demo is also broken.