Pass initial state to useReducer

First and foremost, awesome idea with using Proxy to track conditional component updates.

How would I go about passing a dynamic initial state into useReducer? Something like the following:

const useValue = value => useReducer(store.reducer, value);

export function StoreProvider({ value, children }) {
    return <Provider useValue={() => useValue(value)}>{children}</Provider>;
}

In the above case I get:

useValue must be statically defined

[dai-shi]

TypeError: useValue is not a function

My bad. It should be:

const useValue = useMemo(() => () => useReducer(store.reducer, value), []);
return <Provider useValue={useValue}>{children}</Provider>;

[dai-shi]

Thanks. I will file a new issue.