Function ReleaseProvider

apps/site/providers/releaseProvider.tsx:33–70

({ children, initialRelease })

export const ReleaseProvider: FC<
  PropsWithChildren<Types.ReleaseProviderProps>
> = ({ children, initialRelease }) => {
  const { releases } = use(ReleasesContext);
  const parentProvider = use(ReleaseContext);

  const [state, dispatch] = useReducer(reducer, {
    ...releaseState,
    // The initialRelease can only be `undefined` if a parent provider exists
    // This is an intentional design flaw, forcing a context to exist.
    // Note that if there is no parent provider the initial state for said provider will be used
    version: initialRelease?.versionWithPrefix || parentProvider?.version,
  });

  const actions = useMemo(() => getActions(dispatch), [dispatch]);

  useEffect(() => {
    // This allows us to nest one Release Provider unto another (whenever possible)
    // and to actually set the version of a given provider based on a parent provider
    // Which is super handy for the Download page to reuse other current Node.js states
    if (parentProvider.version && parentProvider.version !== state.version) {
      actions.setVersion(parentProvider.version);
    }
    // We should only react if the parentProvider changes
    // eslint-disable-next-line @eslint-react/exhaustive-deps
  }, [actions, parentProvider]);

  const release = useMemo(
    () => releases.find(r => r.versionWithPrefix === state.version)!,
    // Memoizes the release based on the version
    // eslint-disable-next-line @eslint-react/exhaustive-deps
    [state.version]
  );

  return (
    <ReleaseContext value={{ ...state, ...actions, release }}>
      {children}
    </ReleaseContext>
  );
};