48 lines
1.4 KiB
JavaScript
48 lines
1.4 KiB
JavaScript
import * as React from 'react';
|
|
import { ReactReduxContext } from './Context';
|
|
import { createSubscription } from '../utils/Subscription';
|
|
import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';
|
|
|
|
function Provider({
|
|
store,
|
|
context,
|
|
children,
|
|
serverState,
|
|
stabilityCheck = 'once',
|
|
noopCheck = 'once'
|
|
}) {
|
|
const contextValue = React.useMemo(() => {
|
|
const subscription = createSubscription(store);
|
|
return {
|
|
store,
|
|
subscription,
|
|
getServerState: serverState ? () => serverState : undefined,
|
|
stabilityCheck,
|
|
noopCheck
|
|
};
|
|
}, [store, serverState, stabilityCheck, noopCheck]);
|
|
const previousState = React.useMemo(() => store.getState(), [store]);
|
|
useIsomorphicLayoutEffect(() => {
|
|
const {
|
|
subscription
|
|
} = contextValue;
|
|
subscription.onStateChange = subscription.notifyNestedSubs;
|
|
subscription.trySubscribe();
|
|
|
|
if (previousState !== store.getState()) {
|
|
subscription.notifyNestedSubs();
|
|
}
|
|
|
|
return () => {
|
|
subscription.tryUnsubscribe();
|
|
subscription.onStateChange = undefined;
|
|
};
|
|
}, [contextValue, previousState]);
|
|
const Context = context || ReactReduxContext; // @ts-ignore 'AnyAction' is assignable to the constraint of type 'A', but 'A' could be instantiated with a different subtype
|
|
|
|
return /*#__PURE__*/React.createElement(Context.Provider, {
|
|
value: contextValue
|
|
}, children);
|
|
}
|
|
|
|
export default Provider; |