How to make smooth camera transition in react-three-fiber

[Shivansh2287]

I want a animation or a smooth effect in between current and final camera point . Till now I have managed to achieve camera shifting from one place to another but it goes all of a sudden
I read in the documentation this could be achieve through react-spring or tween camera but i couldn't implement any of those

[mwmwmw]

For starters, move your setTimeout to a useEffect. Any time you re-render this component it'll set type to 'final' after 5 seconds. That will cause the useFrame to set the position of the camera and stop moving the inner and outer groups.

Start with that.