react-safe-context-hooks

react-safe-context-hooks

About

Make sure context exists

Demo

Playground – play with library in CodeSandbox

Similar Projects

• react-safe-context by dslane

How to Install

First, install the library in your project by npm:

$ npm install react-safe-context-hooks

Or Yarn:

$ yarn add react-safe-context-hooks

Getting Started

• Import hook in React application file:

import { useSafeContext } from 'react-safe-context-hooks';

If you want to display context name in error message you need to add displayName to Context.

Example

// before
const App = () => {
  const context = useContext(ExampleContext);

  return <pre>{JSON.stringify(context)}</pre>;
};

// after
ExampleContext.displayName = 'ExampleContext';

const App = () => {
  const context = useSafeContext(ExampleContext);

  return <pre>{JSON.stringify(context)}</pre>;
};

License

This project is licensed under the MIT License 2020-present Jakub Biesiada