react three fiber, can't make mesh responsive to onHover events

Question

I am trying to incorporate react three fiber events into my mesh, however it is not responsive when I do so. My project has one canvas spanning the entire webpage, and multiple objects loaded into various scenes via scissoring (i.e., the "<View ..." helper using react-three-drei). I tried loading the exemplar code from https://docs.pmnd.rs/react-three-fiber/getting-started/introduction to my scene, but it didn't work.

Here is the relevant section of my code where the mesh will be uploaded:

...
return (
    <div ref={div}>
  <Canvas>
    <View track={ scene4 }>
    <ambientLight intensity={0.5} />
    <spotLight intensity={1} angle={0.1} penumbra={1} position=                   {[10, 15, 10]} castShadow />
    <Box />
    </ View>
</ Canvas>
...