when using react-router-dom useNavigate hook how do you pass data through the navigate invokation to the next component?

You can use

options.state

https://reactrouter.com/en/main/hooks/use-navigate#type-declaration