TypeError: rNode.getAttribute is not a function when using angular-three with SSR

[ldu0009]

I am using angular-three in an Angular 19 project, and everything works fine in the client-side rendering. However, when using SSR (Server-Side Rendering) or during the hydration process, the following error occurs:

chunk-WDMUDEB6.js?v=f3d82817:48 ERROR TypeError: rNode.getAttribute is not a function
    at retrieveHydrationInfoImpl (core.mjs:9330:28)
    at retrieveHydrationInfo (core.mjs:9414:10)
    at ComponentFactory.create (core.mjs:17330:25)
    at ViewContainerRef2.createComponent (core.mjs:17773:43)
    at _NgtCanvas.noZoneRender (angular-three.mjs:2731:59)
    at angular-three.mjs:2681:18
    at _ZoneDelegate.invoke (zone.js:369:28)
    at ZoneImpl.run (zone.js:111:43)
    at _NgZone.runOutsideAngular (core.mjs:6391:24)
    at effect.injector [as fn] (angular-three.mjs:2676:19)

Steps to Reproduce:
1. Set up an Angular 19 project with SSR enabled.
2. Install and use angular-three in the project.
3. Create a component using to render a 3D scene.
4. Attempt SSR rendering or hydration.

[nartc]

Can you try out 3.6.1? At least the error is gone. I'm not too familiar with Angular SSR to test/ensure the experience with SSR-enabled application. Technically, Angular Three NgtCanvas is already initializing everything in afterNextRender but there might be some other SSR-specific technicalities that mess it up. For example:

• Everytime I add a feature of Angular Three like viewChild to get reference of the THREE element on the template or use events like (pointerover), I have to restart the dev server altogether
• HMR doesn't seem to work
• I have to wrap ngt-canvas in @defer (Only the first time the dev server runs; subsequent times are fine without @defer 🤷

So I'll leave this issue open for now. Thanks for reporting

[kylecannon]

seeing this in the demos: https://angularthreedemo.netlify.app/soba/stars if you click the examples in the bottom left

[nartc]

Thanks for reporting. Fixed in 3.7.2