Migrate `with` API

This codemod is recommended when upgrading @suspensive/react from v2 to v3.

In @suspensive/react v3, the wrap API has been removed and replaced with the new with API, which is provided on each component such as <ErrorBoundaryGroup/>, <ErrorBoundary/>, and <Suspense/>.

For full details on the breaking changes that this codemod helps with, refer to Migrating to v3.

Terminal


npx @suspensive/codemods migrate-with-api .

This codemod automatically transforms the wrap builder pattern into the new with API on each component.

For example:


import { wrap } from '@suspensive/react'
 
const Example = wrap
  .ErrorBoundaryGroup({ blockOutside: false })
  .ErrorBoundary({
    fallback: ({ error }) => <>{error.message}</>,
    onError: logger.log,
  })
  .Suspense({ fallback: <>loading...</>, clientOnly: true })
  .on(() => {
    return <>Example</>
  })

Transforms into:


import { ErrorBoundaryGroup, ErrorBoundary, Suspense } from '@suspensive/react'
import { useSuspenseQuery } from '@suspensive/react-query'
 
const Example = ErrorBoundaryGroup.with(
  { blockOutside: false },
  ErrorBoundary.with(
    {
      fallback: ({ error }) => <>{error.message}</>,
      onError: logger.log,
    },
    Suspense.with({ fallback: <>loading...</>, clientOnly: true }, () => {
      return <>Example</>
    })
  )
)

Migrate with API

Migrate `with` API