Сache store by URL

[motionrus]

hello everyone!
I have an endpoint: /project/$projectID/edit/$stepID

I have a store for a specific project. Where I store what stage the user is in

import { create } from 'zustand'

const useProjectStore = create((set) => ({
  selectedStep: 1,
  setSelectedStep: (selectedStep) => set((state) => ({ selectedStep }),
}))

useProjectStore has a generic state with no binding to url
so if I change the projectID in url I will get the selected step from another project

is there any way to cache the url and get the current state from the address cache?

It looks very much like this could be solved through middleware, but I haven't found anyone doing something similar.

[motionrus]

I guess I have to somehow save it in localStorage by the address bar key or maybe there is another way to solve this problem