Move system props into the `sx` prop

Proprietary

Moves the system props of Box, Stack, Typography, Link, Grid and the like into their sx prop. Tags with a spread attribute, or an sx that is not an object literal, are left alone.

org.openrewrite.react.mui.move-system-props-to-sx

Required

componentNamesString

The components to migrate, separated by commas.

Optional

versionString

v6 or v9, which differ in what is kept as a prop of Typography and Link; anything else moves every system prop.

packageNameString

A package that re-exports Material UI.

mod run . --recipe=org.openrewrite.react.mui.move-system-props-to-sx \
  -P componentNames=Box,Stack,Typography,Link,Grid

Install it once, then run it on every repository under the current directory. New to the Moderne CLI? Set it up.

Move system props into the sx prop

Move system props into the `sx` prop