Issue using react 18 based component inside my preact app

[VerityNH]

I have a react 18 based component that has a createRoot import like

import { createRoot } from 'react-dom/client';

later on this code is called as

createRoot(el).render(selector);

This component is later used inside the preact based app

webpack config has aliases

alias: {
    react: 'preact/compat',
    'react-dom': 'preact/compat'
},

The problem is that after bundling with webpack, createRoot is an empty function and it fails

Any solutions how to fix that?

I've tried to alias "react-dom/client" as "preact/compat" but it does not help

alias: {
    react: 'preact/compat',
    'react-dom': 'preact/compat',
    'react-dom/client': 'preact/compat',
},