How to setup preact/compat with rspack?

[krutoo]

Hi, i want to build react application with preact/compat

Here is my config:

// rspack.config.ts
export default {
  resolve: {
    alias: {
      react: 'preact/compat',
      'react-dom/test-utils': 'preact/test-utils',
      'react-dom': 'preact/compat',
      'react/jsx-runtime': 'preact/jsx-runtime',
    },
  },
  builtins: {
    react: {
      pragma: 'h',
      pragmaFrag: 'Fragment',
    },
    // ...some html config here
  },
  // ...some config here
};

But with this config i get error in browser:

Uncaught (in promise) TypeError: r is undefined        hooks.module.js:1

This only happens when using hooks

How to solve this issue?

[krutoo]

this seems to be related to this issue preactjs/preact#1321

[krutoo]

the problem was that I was using a local version of the package that uses react via symlink

i fix this by install package from tarball generated by npm pack