123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- 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;
|