How to use MobX and persist storage while redirecting

[bitsmyth]

I can´t get the benefits from with-mobx example so I created a simple solution for persisting storage when redirecting.

_app.tsx

const StoreContext = createContext<CartStore>({} as CartStore);
const StoreValue = new CartStore();

export function useStore() {
	const context = useContext(StoreContext);
	if (context === undefined) {
		throw new Error('useStore must be used within StoreProvider');
	}

	return context;
}

function App({ Component, pageProps }: AppProps) {
	return (
		<StoreContext.Provider value={StoreValue}>
			<Component {...pageProps} />
		</StoreContext.Provider>
	);
}

Then you can use import { useStore } from 'pages/_app'; in your desired page or component. Would appriciate any feedback or possible cleaner way of implementing this basic scenario without exports in _app.tsx.