useRive hook: rive instance is null inside onLoad callback.

[mattp0123]

Why?

import { useRive } from '@rive-app/react-canvas'

function MyComponent() {
  const { rive } = useRive({
    onLoad: () => {
      console.log(rive) // null
    },
    // ...
  })
  return (
    // ...
  )
}

Is below the correct way to use rive instance?

import { useRive } from '@rive-app/react-canvas'

function MyComponent() {
  const { rive } = useRive({
    // ...
  })
  useEffect(() => {
    if (rive) {
      console.log(rive)
    }
  }, [rive])
  return (
    // ...
  )
}