Registry
Y

ChakraUI/v3/update-chakra-provider

No description available

yugal417351 executions

  • Legacy
  • ChakraUI
  • migration
Connect a repo
npx codemod ChakraUI/v3/update-chakra-provider
  • 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>
);

Ready to evolve your codebase?

Build tailored, compiler-aware skills to assess, plan, and automate complex codebase changes.