react-three-fiber v4 breaking changes

[zavalit]

Hi there,
i'm pretty new to react-three-fiber and 've just tried one of(probably outdated) SVG examples.
I upgraded react-three-fiber version to v4 (from v2) and Scene in a Canvas rotated to 180 Grad degree.

here is a codesandbox to verify.

i can not find any "breaking changes Log" to get that fixed. is there any idea what should be tweaked.

tnx in anyway for building such an awesome lib.

[rachet-khanal]

Hi, just another newbie trying to picture the change. There are two things to note. First is that the code sample breaks on version 4.0.20 on wards so the changes are in file:
v4.0.19...v4.0.20

Second, I think the canvas is right but threejs just takes svg upside down. I have drawn this conclusion from the stackoverflow post below:
https://stackoverflow.com/questions/56651720/why-does-the-three-js-svgloader-render-svgs-upside-down

You can see that the original code has camera rotation 180 deg applied but does not work. Finally, to fix the problem I have added camera rotation on useFrame. Sample below:
https://codesandbox.io/s/react-three-fiber-react-spring-svg-parallax-dbswz?file=/src/index.js

[zavalit]

@rachet-khanal tnx for tweaking it.

i would prefer to do it over Loader first, how it was proposed in a stackoverflow thread.

what about 4.0.20 changes, it looks like it was a fix not a bug, by setting cam.lookAt(0, 0, 0)
funny stuff.