React Build error after adding plugin in vite confige

[awais-kaleem-blocksdev]

• [*] Check if updating to the latest version resolves the issue

Environment

• [ ] I am using @preact/signals-core
• [ ] I am using @preact/signals
• [x] I am using @preact/signals-react
  • [x] I understand usage changed in v2, and I've followed the React Integration instructions

Describe the bug after setup in react it is working fine but when i run command vite build it fails.

To Reproduce Please provide a link to a StackBlitz/CodeSandbox/Codepen project or a GitHub repository that demonstrates the issue.

Steps to reproduce the behavior:

1. installed following 2 packages:

   "@preact/signals-react": "^2.0.1",
   "@preact/signals-react-transform": "^0.3.1",

2. vite.config.js file:

   
   import { defineConfig } from "vite";
   import react from '@vitejs/plugin-react-swc'
   // import signalsReactTransform from '@preact/signals-react-transform';

export default defineConfig({

logLevel: 'info', plugins: [ react( {babel: { plugins: [ // signalsReactTransform, ["module:@preact/signals-react-transform"], ], // Use .babelrc files babelrc: false, // Use babel.config.js files configFile: false, }} ), ], build: { commonjsOptions: { include: [] }, }, optimizeDeps: { disabled: false, }, });

3. See error on command `vite build`

vite build

vite v4.5.3 building for production... transforming (3) src/main.jsx ╭── 🌼 daisyUI 3.9.4 https://daisyui.com │ ├── 2 themes are enabled. How to add more themes: │ https://daisyui.com/docs/themes │ ╰── 💚 Support daisyUI project: https://opencollective.com/daisyui

transforming (66) src/pages/Chat/index.jsxUnexpected early exit. This happens when Promises returned by plugins cannot resolve. Unfinished hook action(s) on exit: (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react_jsx-runtime.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-dom_client.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-router-dom.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_material.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-spinners.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-hot-toast.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/axios.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/jwt-decode.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/classnames.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_icons-material_ArrowForward.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-icons_ci.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-circular-progressbar.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-hook-form.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-icons_ai.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-google-places-autocomplete.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_icons-material_RemoveCircleOutlineRounded.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_icons-material_Add.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_material_Autocomplete.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_material_TextField.js" error during build: Error: Unexpected early exit. This happens when Promises returned by plugins cannot resolve. Unfinished hook action(s) on exit: (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react_jsx-runtime.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-dom_client.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-router-dom.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_material.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-spinners.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-hot-toast.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/axios.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/jwt-decode.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/classnames.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_icons-material_ArrowForward.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-icons_ci.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-circular-progressbar.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-hook-form.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-icons_ai.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/react-google-places-autocomplete.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_icons-material_RemoveCircleOutlineRounded.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_icons-material_Add.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_material_Autocomplete.js" (vite:optimized-deps-build) load "/home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/.vite/deps_build-dist/@mui_material_TextField.js" at process.handleBeforeExit (file:///home/awais-kaleem/Documents/Hiredo/Hiredo-Client/node_modules/rollup/dist/es/shared/node-entry.js:25902:28) at Object.onceWrapper (node:events:628:26) at process.emit (node:events:513:28)

**Expected behavior**
project should build successfully on command vite build

[awais-kaleem-blocksdev]

here is my code: GlobalStates.js

import { signal } from "@preact/signals-react";
export const isActionPanelOpen = signal(false);

ActionPanel.jsx

import React, { useState } from "react";
import classNames from "classnames";
import { isActionPanelOpen } from "../../GlobalStates";
import { useSignals } from "@preact/signals-react/runtime";

const ActionPanel = () => {
  useSignals();

  return (
    <>
      <div
        className={classNames(
          "bg-[#0002] fixed top-0 right-0 h-screen w-[30%] z-10 transition-transform backdrop-blur-sm",
          isActionPanelOpen.value ? "translate-x-0" : "translate-x-full"
        )}
      >
        <button
          onClick={() => {
            isActionPanelOpen.value = false;
          }}
        >
          {
            //String(isActionPanelOpen.value)
          }
          close
        </button>
      </div>
    </>
  );
};

export default ActionPanel;

[XantreDev]

As I see it breaks in src/pages/Chat/index.jsx file. Is the file correct? Is everything works without the plugin?

[rschristian]

You've skipped over an important part of the issue template:

Please provide a link to a StackBlitz/CodeSandbox/Codepen project or a GitHub repository that demonstrates the issue.

[rschristian]

If you can provide a reproduction, we can take a look.