React Router/5.1/Component Render To Children

Last update

Dec 17, 2024

This codemod transforms Route components using render and component props into JSX with nested children.

<Route path="/example" render={() => <MyComponent />} />

<Route path="/example" component={MyComponent} />

<Route path="/example">
  <MyComponent />
</Route>

<Route path="/example">
  <MyComponent />
</Route>

This codemod transforms Route components using render and component props into JSX with nested children.

<Route path="/example" render={() => <MyComponent />} />

<Route path="/example" component={MyComponent} />

<Route path="/example">
  <MyComponent />
</Route>

<Route path="/example">
  <MyComponent />
</Route>

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community