using pretty much the standard nextjs example, where memberData was fetched in a rsc and passed down, i have a lot of cases where I am calling router.refresh() and getting fresh data for the same page, is it just as simple as the useEffect here? not getting any errors and seems to work but just thought id make sure

export const CounterStoreProvider: FC<CounterStoreProviderProps> = ({ children, memberData }) => {
    const storeRef = useRef<CounterStoreApi>();

    if (!storeRef.current) {
        storeRef.current = createCounterStore(memberData);
    }

    useEffect(() => {
        if (storeRef.current) {
            storeRef.current.setState(memberData);
        }
    }, [memberData]);

    return (
        <CounterStoreContext.Provider value={storeRef.current}>{children}</CounterStoreContext.Provider>
    );
};