Toggling of components without changing of route. The awesome stuff? selected state persist still even on route change!

navigation.js

// Implemented here: https://crrmacarse.github.io/personal

// NOTE:
// It could probably lead to a bug when you try to add multiple of these across components

// link routes that'll will assure of state existence
<Link  to={(location) => ({ ...location, pathname: 'go' })}>Go</Link>
<Link  to={(location) => ({ ...location, pathname: 'current' })}>Current</Link>

// to pass a state value to the current path
<Link
  to={{
    state: "store state",
  }}
>
  Selecting the same route
</Link>

// handle changes via here
const { state } = useLocation();

useEffect(() => {
  if (state) {
     // change local state of desired
  }
}, [state]);