Reset initial values of control

[AngyDev]

It's my first time using Leva. I have a question about its behavior. I created an example to explain the case https://codesandbox.io/s/kind-burnell-gh33d2?file=/src/App.js better.
I have two pages managed by react-router, I'm on the page where are the 3D canvas and the controls, if I change the color of the object and go back to the previous page when I go back to the canvas page I'll have the color chosen at the last moment and not the initial one. Is it a correct behavior? (I think that maybe can be something related to the store inside the component) Is there any way to restore the initial state when changing pages? Thank you

I found a solution, but I'm not sure if it is correct

  const options = { color: "#2194CE" };

  const [{ color }, set] = useControls("cubeMesh", () => options);

  useEffect(() => {
    set(options);
  }, []);