Safe React context
npm install @sirse-dev/safe-context> Safe React context
React requires default value for the context. However, in some cases, default value doesn't have any meaning, because consumers cannot exist outside Provider. SafeContext lets you to have context, that could be used only inside provider. Trying to use Consumer or useSafeContext outside Provider will result in runtime error.
``bash`
npm install @sirse-dev/safe-context
Or
`bash`
yarn add @sirse-dev/safe-context
`tsx
import { createSafeContext, useSafeContext } from '@sirse-dev/safe-context';
// This should be non-nullable type ↓ ↓ - no default value.
const SampleContext = createSafeContext
// Use it as standard context.
const App = () => {
return (
{/ Some app code... /}
{value}
);
};
// Or from hook api
const InnerComponent = () => {
const value = useSafeContext(SampleContext);
return
MIT © sirse