React-compiler not working with 'module:@preact/signals-react-transform'

[mendrik]

• Check if updating to the latest version resolves the issue

Environment

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

Describe the bug

plugins: [
		tsconfigPaths(),
		react({
			babel: {
				plugins: [
					['module:@preact/signals-react-transform'],
					['babel-plugin-react-compiler', { transform: 'preact' }]
				]
			}
		})
	] as ViteUserConfig['plugins'],

To Reproduce
React compiler and @preact/signals-react-transform don't play nice together. It doesn't matter in which order they are added to vite config.

Steps to reproduce the behavior:

It seems like there is no reactivity: changes to values in signals don't re-render the component any longer

Expected behavior
Well I would expect them to be disjunct in their functionalities. But it seems one breaks the other.

[rschristian]

Please provide a reproduction as our issue template requires.

What is { transform: 'preact' } meant to do in the config?

Edit: This seems to work.

// app.jsx
import { useSignal } from '@preact/signals-react';

function App() {
    const count = useSignal(0);

    return (
        <button onClick={() => count.value++}>
          count is {count.value % 2 == 0 ? 'even' : 'odd'}
        </button>
    );
}

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

// https://vite.dev/config/
export default defineConfig({
    plugins: [
        react({
            babel: {
                plugins: [
                    ['module:@preact/signals-react-transform'],
                    ['babel-plugin-react-compiler']
                ]
            }
        })
    ],
});

Hence why repos are required.

[mendrik]

Ok I will try to make a repo, I use static signals outside of my components though, so maybe that makes the difference.