SyntaxError: Identifier '__vite__injectQuery' has already been declared (at ${mod.id}:57205:1)

[Pedro-Laurenti]

this method dont work in my project (vite electron app):

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  define: {
    global: 'window',
  },
  build: {
    rollupOptions: {
      external: ['graphql'],
    },
  },
});

_Originally posted by @HannahNguyen6729 in https://github.com/jpuri/react-draft-wysiwyg/issues/1317#issuecomment-1652085974_

error code:

SyntaxError: Identifier '__vite__injectQuery' has already been declared

im pasting it in the "main.jsx":

import './assets/main.css'

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'

ReactDOM
    .createRoot(document.getElementById('root'))
    .render(
        <div id="pdfContent">
            <App/>
        </div>
    )

import {defineConfig} from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
    plugins: [react()],
    define: {
        global: 'window'
    },
    build: {
        rollupOptions: {
            external: ['graphql']
        }
    }
});

project filetree:

formrelat/
┣ resources/
┣ src/
┃ ┣ main/
┃ ┃ ┗ index.js
┃ ┣ preload/
┃ ┃ ┗ index.js
┃ ┗ renderer/
┃ ┣ src/
┃ ┃ ┃ ┣ assets/
┃ ┃ ┃ ┣ components/
┃ ┃ ┃ ┃ ┣ Form.jsx
┃ ┃ ┃ ┃ ┣ FormComponents.tsx
┃ ┃ ┃ ┃ ┣ SelectPage.jsx
┃ ┃ ┃ ┃ ┗ TittleForm.jsx
┃ ┃ ┃ ┣ img/
┃ ┃ ┃ ┃ ┗ icon.png
┃ ┃ ┃ ┣ App.jsx
┃ ┃ ┃ ┣ FormPage.jsx
┃ ┃ ┃ ┗ main.jsx (HERE)
┃ ┣ index.html
┗ package.json