/
githubmirror
/
novu
Обзор
Документация
Войти
/
githubmirror
/
novu
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
next
packages/react/src/utils/createContextAndHook.ts
41 строка
1 KB
George Desipris
feat(js,react): Export InboxContent component (#6531)
24 сен 2024, 18:29
Не верифицирован
24 сен 2024, 18:29
7225753
Код
Авторство
О чём код?
import React from 'react'; export function assertContextExists(contextVal: unknown, msgOrCtx: string | React.Context<any>): asserts contextVal { if (!contextVal) { throw typeof msgOrCtx === 'string' ? new Error(msgOrCtx) : new Error(`${msgOrCtx.displayName} not found`); } } type Options = { assertCtxFn?: (v: unknown, msg: string) => void }; type ContextOf<T> = React.Context<{ value: T } | undefined>; type UseCtxFn<T> = () => T; /** * Creates and returns a Context and two hooks that return the context value. * The Context type is derived from the type passed in by the user. * The first hook returned guarantees that the context exists so the returned value is always CtxValue * The second hook makes no guarantees, so the returned value can be CtxValue | undefined */ export const createContextAndHook = <CtxVal>( displayName: string, options?: Options ): [ContextOf<CtxVal>, UseCtxFn<CtxVal>, UseCtxFn<CtxVal | Partial<CtxVal>>] => { const { assertCtxFn = assertContextExists } = options || {}; const Ctx = React.createContext<{ value: CtxVal } | undefined>(undefined); Ctx.displayName = displayName; const useCtx = () => { const ctx = React.useContext(Ctx); assertCtxFn(ctx, `Component must be wrapped with ${Ctx.displayName}`); return (ctx as any).value as CtxVal; }; const useCtxWithoutGuarantee = () => { const ctx = React.useContext(Ctx); return ctx ? ctx.value : {}; }; return [Ctx, useCtx, useCtxWithoutGuarantee]; };