Variable: default

const default: FC<PropsWithChildren<StateProviderProps>>

Defined in: StateProvider.tsx:33

State provider component that makes state data available to child components.

This component wraps the application or a portion of it to provide state data through React context. Child components can access this state using the useDataState and useDataProps hooks.

Param

The component props

Param

Child components that will have access to the state

Param

The state object to provide to child components

Example

const App = () => {
  const appState = {
    user: { name: 'John', email: 'john@example.com' },
    settings: { theme: 'dark' }
  };

  return (
    <StateProvider state={appState}>
      <MyComponent />
    </StateProvider>
  );
};