Function createContainer

src/createContainer.ts:35–142

(
  useValue: (props: Props) => readonly [State, Update],
  options?: Options<State, Update> | DeprecatedOption,
)

type DeprecatedOption = boolean;

export const createContainer = <State, Update extends AnyFunction, Props>(
  useValue: (props: Props) => readonly [State, Update],
  options?: Options<State, Update> | DeprecatedOption,
) => {
  if (typeof options === 'boolean') {
    // eslint-disable-next-line no-console
    console.warn(
      'boolean option is deprecated, please specify { concurrentMode: true }',
    );
    options = { concurrentMode: options };
  }
  const {
    stateContextName = 'StateContainer',
    updateContextName = 'UpdateContainer',
    concurrentMode,
  } = options || {};
  const StateContext = createContext<State | undefined>(options?.defaultState);
  const UpdateContext = createContextOrig<Update | undefined>(
    options?.defaultUpdate,
  );
  StateContext.displayName = stateContextName;
  UpdateContext.displayName = updateContextName;

  const Provider = (props: Props & { children: ReactNode }) => {
    const [state, update] = useValue(props);
    return createElement(
      UpdateContext.Provider,
      { value: update },
      createElement(
        StateContext.Provider as ComponentType<{
          value: State;
        }>,
        { value: state },
        props.children,
      ),
    );
  };

  const useSelector = <Selected>(selector: (state: State) => Selected) => {
    if (hasGlobalProcess && process.env.NODE_ENV !== 'production') {
      const selectorOrig = selector;
      selector = (state: State) => {
        if (state === undefined) {
          throw new Error('Please use <Provider>');
        }
        return selectorOrig(state);
      };
    }
    const selected = useContextSelector(
      StateContext as Context<State>,
      selector,
    );
    useDebugValue(selected);
    return selected;
  };

  const useTrackedState = createTrackedSelector(useSelector);