I made a "use-client" plugin

[coder-xiaotian]

use-client

A swc plugin that automatically converts react component libraries into "React Client Component". For example, you can automatically convert components from @mui into "React Client Component" without having to wrap a component that uses "use client".

Configuration

• include: ["@mui/material"]

Examples

next.js configuration:

const nextConfig = {
  experimental: {
    swcPlugins: [
      [
        'use-client',
        {
          include: ["@mui/material"]
        }
      ],
    ]
  }
}

swc configuration:

{
  "$schema": "https://json.schemastore.org/swcrc",
  "jsc": {
    "experimental": {
      "plugins": [
        ["use-client", {
          "include": ["@mui/material"]
        }]
      ]
    }
  }
}