Vite: Detect React SWC plugin

[IanVS]

Issue:

There's now two vite plugins for react, one with babel, and one with SWC. We were not detecting the swc plugin, so ended up adding the fallback babel version, which conflicted and caused errors

What I did

Detect the swc react vite plugin.

How to test

Do we want a sandbox for this?

npm create vite // ---> choose react,  TypeScript + SWC
npx sb@next init
// build react-vite, copy the dist in, it works.

[FezVrasta]

Any chance to backport this to 6.x? I get an error if I try to use SWC with builder-vite 0.4.2

ERR! Error: Cannot find module '@vitejs/plugin-react'

[IanVS]

The architecture of the two are quite different. In 6.5 we always inject the plugin. If you want to use swc in 6.5, you could use viteFinal to filter out the react plugin that storybook adds and then inject the swc plugin instead.