useRive hook: rive instance is null inside onLoad callback.

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 (
    // ...
  )
}

Start at the useRive hook and trace when its onLoad callback runs relative to the returned rive value. Compare that timing with the useEffect example; done means establishing the supported access pattern and documenting or testing the observed behavior. The issue names no repository files or tests, so locating the hook implementation is the first step.