how maken viewport in useThree?

[nedcrow]

I had two files.

1. Set main camera
   const { camera } = useThree();
useEffect(() => {
camera.position.set(0, -3, 40); // default 0, 0, 50
camera.lookAt(0, -3, -0);
camera.updateProjectionMatrix();
}, []);

2. Create second camera
   const { viewport } = useThree();
const sceneCamera = useMemo(() => {
const cam = new THREE.OrthographicCamera(
(viewport.width / -2) * addRatio,
(viewport.width / 2) * addRatio,
viewport.height / 2,
viewport.height / -2,
0.1,
1000
);
cam.position.z = 40;
cam.updateProjectionMatrix();
return cam;
}, [viewport]);

return (
<Component={sceneCamera}>
)

I'm set position of main camera.
But second camera was not refresh viewport.
How refresh second camera when after main camera setting.

[drcmda]

you mean something like this? https://codesandbox.io/s/react-three-fiber-viewcube-py4db

[nedcrow]

OK. i got it.
But, i want with viewport.
Im looking that #429
Thank you

[drcmda]

btw check out https://github.com/react-spring/drei it makes setting up custom cameras easier