Ensure props are passed to component before rerender on route change

Question

I have react-three-fiber component which is a frame buffer object that renders on the global canvas conditionally based on NextJS router object path. In other words, I have