Setting Camera LookAt on Scene Initialisation / Loading

[jhancock532]

Is there a better way of setting the default canvas camera lookAt than the below solution?

import React, { useEffect } from 'react';
import { Canvas, useThree } from '@react-three/fiber';

function CameraLookAt(props) {
  const camera = useThree(state => state.camera)

  useEffect(() => {
    camera.lookAt(-1.7, 1.6, -2.55);
  })

  return null;
}

export default function Scene(props) {
  return (
    <Canvas camera={{ position: [3, 2, -1], fov: 30 }}>
      <CameraLookAt />
      ...

It's a bit awkward. Asking because I came up with this myself, this solution (or the correct way of setting lookAt) would be useful to add into the documentation for beginners like me.

[drcmda]

<Canvas onCreated={state => state.camera.lookAt(...)}>

[jhancock532]

Thank you! That makes a lot more sense 👍