Vite + SWC + styled-components displayName

vite-create.sh

#!/usr/bin/zsh
npm create vite@latest # choose template react, js + swc
npm i --save-dev @vitejs/plugin-legacy terser @vitejs/plugin-react-swc @swc/[email protected] # downgrade @swc/plugin-styled-components to 1.5.111 https://github.com/vitejs/vite-plugin-react-swc/issues/190#issuecomment-1907977402
npm i --save styled-components
# edit vite.config.js:
cat <<EOF > vite.config.js
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'
import legacy from '@vitejs/plugin-legacy'

export default defineConfig({
  plugins: [
    react({ plugins: [["@swc/plugin-styled-components", {}]] }),
    legacy(),
  ],
})
EOF