Foo.tsx

const Foo = () => {
  const someRef = React.useRef<{ someSetupMethod: () => void; someCleanupMethod: () => void }>(null)
  React.useEffect(() => {
    if (someRef.current === null) return
    someRef.current.someSetupMethod()
    return () => {
      if (someRef.current === null) return
      // react-hooks/exhaustive-deps warns this
      someRef.current.someCleanupMethod()
    }
  })
  return <div>foo</div>
}