Migrer webpack react-typescript projekt til esm moduler

Jeg har et Typescript-projekt baseret på nodejs, React og bundlet med Webpack5
kodebasen har servermoduler(.ts), klientmoduler(.ts,.tsx) og fællesmoduler(.ts)
Har ikke haft problemer med at bygge indtil videre
Jeg begyndte at migrere kodebasen til esm-moduler
anvendte rettelser i package.json og tsconfig.json for at understøtte og outputte esm
ændrede alle filnavne fra *.ts til *.mts, og lod *.tsx være som de er
tsc tvang mig til at ændre imports for at inkludere forventede output-udvidelser
f.eks. i modulet ./src/webapp/mainContextProviders.tsx, for at importere fra typescript-moduler:

../common/utils.mts (former ../common/utils.ts)
./Settings/SettingsContext.tsx (former the same)
./callPkgApis.mts (former callPkgApis.ts)

Jeg var nødt til at ændre gamle CommonJS TS-importer:

import utils from '../common/utils'
import settings from './Settings/SettingsContext'
import { pkgApis } from './callPkgApis'

til

import utils from '../common/utils.mjs'
import settings from './Settings/SettingsContext.js'
import { pkgApis } from './callPkgApis.mjs'

nu er webpack ikke i stand til at løse disse imports og afslutter med

ERROR in ./src/webapp/mainContextProviders.tsx 1:0-43
Module not found: Error: Can't resolve '../common/utils.mjs' in '/path/to/src/webapp'
ERROR in ./src/webapp/mainContextProviders.tsx 1:0-43
Module not found: Error: Can't resolve './Settings/SettingsContext.js' in '/path/to/src/webapp'
ERROR in ./src/webapp/mainContextProviders.tsx 1:0-43
Module not found: Error: Can't resolve './callPkgApis.mjs' in '/path/to/src/webapp'

Hvordan kan jeg fikse?