createContextHook
Hook that runs inside a Provider; Provider accepts params (the hook's arguments). Use when you need a scoped instance per subtree.
helpers
low
test coverage
Last changed: 23 seconds ago
WARNING
For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context
Installation
Library
CLI
Manual
typescript
import { createContextHook } from '@siberiacancode/reactuse';Usage
typescript
const { Provider, use } = createContextHook(useMediaQuery); <Provider params={["(max-width: 768px)"]}> <Component /> </Provider> const matches = use();Api
Parameters
| Name | Type | Default | Note |
|---|---|---|---|
| useHook | - | - The hook to run in the Provider (e.g. useMediaQuery) |
Returns
Provider, use
Type declaration
typescript
import type { ReactNode } from 'react';
type Value = ReturnType<Hook>;