react_boost_provider_useboost_hook_global_state_quickstart.ts

1import React from 'react';
2import { BoostProvider, useBoost } from '@friendlyss/react-boost';
3
4const DisplayComponent: React.FC = () => {
5  const { state, actions } = useBoost();
6
7  return (
8    <div>
9      <p>Current Value: {state.value}</p>
10      <button onClick={() => actions.increment()}>Increment</button>
11    </div>
12  );
13};
14
15const App: React.FC = () => {
16  const initialConfig = {
17    initialState: { value: 0 },
18    // Define other configurations or plugins here
19  };
20
21  return (
22    <BoostProvider config={initialConfig}>
23      <DisplayComponent />
24    </BoostProvider>
25  );
26};
27
28export default App;