vite:react-swc plugin conflict with vite-plugin-conditional-compile

[f4-miyata]

Description:

When using vite-plugin-conditional-compile in a Vite project with the vite:react-swc plugin,
an error occurs during the build process. The vite:react-swc plugin throws a syntax error.

Environment:

• vite: "^5.2.6"
• vite-plugin-conditional-compile: "^1.4.5"
• @vitejs/plugin-react-swc": "^3.6.0"
• Node: "20.10.0"
• pnpm: "8.15.5"
• OS: macOS 13.6.7

Steps to Reproduce:

1. Install vite-plugin-conditional-compile and vite-plugin-react-swc.
   2.Use conditional compilation in a React component

import React from 'react';
import { Route } from 'react-router-dom';
import { Page } from '@debug/pages/Page';

const AppRoutes = () => {
  return (
    <>
      {/* #if [DEV] */}
      <Route path="/Page" element={<Page />} />
      {/* #endif */}

      <Route path="/Error" element={<ErrorPage />} />
    </>
  );
};

export default AppRoutes;

3. Run the Vite development server or build the project.

4. The following syntax error occurs during the build process:

Plugin: vite:react-swc
File: /path/to/project/src/app/AppRoutes.tsx:12:1

SyntaxError: Unexpected token (15:0)
  13 |
  14 |
> 15 | }
     | ^
  16 | </Route>
  17 |
  18 | <Route path="/Error" element={<ErrorPage />} />

[f4-miyata]

@LZS911
I tried the following code, then it works as expected:

{
  // #if [DEV]
  <Route path="/Page" element={<Page />} />
  // #endif
}