Null assertion breaks only for ts loader

[b3nb5n]

I'm trying to render a react app just like normal...

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

const mountElement = document.getElementById('root')!;
const root = createRoot(mountElement);
root.render(<App />);

When I compile using tsc there arent any issues, but when I use webpack using ts-loader I get the error message "Argument of type 'HTMLElement | null' is not assignable to parameter of type 'Element | DocumentFragment'. Type 'null' is not assignable to type 'Element | DocumentFragment'."

Im using:
webpack: 4.41.0
typescript: 4.8.4
ts-loader: 8.4.0

My tsconfig:

{
  "compilerOptions": {
    "target": "es2015",
    "lib": ["esnext", "DOM", "DOM.Iterable"],
    "jsx": "preserve",
    "module": "commonjs",
    "rootDir": "src",
    "moduleResolution": "node",
    "incremental": true,
    "sourceMap": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "useUnknownInCatchVariables": true,
    "alwaysStrict": true,
    "noUncheckedIndexedAccess": true,
    "skipLibCheck": true
  }
}

ts loader config:

{
        test: /\.tsx?$/,
        exclude: /node_modules/,
        loader: 'ts-loader',
        options: {
          configFile: '../tsconfig.json'
        }
},