- Updates the ChakraProvider import from @chakra-ui/react
- Renames the theme prop to value to match the new system-based theming approach
Example
Before
ts
import { ChakraProvider } from '@chakra-ui/react';
export const App = ({ Component }) => ( <
ChakraProvider theme = { theme } >
<
Component / >
<
/ChakraProvider>
);
After
ts
import { Provider } from '@/components/ui/provider';
import { defaultSystem } from '@chakra-ui/react';
export const App = ({ Component }) => ( <
Provider value = { defaultSystem } >
<
Component / >
<
/Provider>
);