Skip to content

createSafeContext

영역 내 Provider 존재 여부와 상관없이 확정된 타입을 가지는 Context 생성 함수

arguments

이름타입설명
TanyContext가 저장할 데이터 타입

returns

이름타입설명
useRequiredContext() => TContext 값을 반환하는 훅, Provider가 없으면 에러 발생
ProviderReact.Provider<T | null>Context Provider 컴포넌트

example

tsx
import { createSafeContext } from 'utils-dev-krak/react';

// Context 생성
const [useUser, UserProvider] = createSafeContext<{
  name: string;
}>();

// Provider 사용
const App = () => {
  return (
    <UserProvider value={{ name: 'krak' }}>
      <User />
    </UserProvider>
  );
};

// Consumer 사용
const User = () => {
  const user = useUser(); // { name: string } 타입 보장
  return <div>{user.name}</div>;
};