It dosen't works with latest version of webpack, ts, ts-loader...

[imjamespond]

When I update to latest version of these compoents of app1 project, it report an error:
Shared module is not available for eager consumption: webpack/sharing/consume/default/react/react?bc32
But app2 seems OK, Any idea of handling this issue? Thanks!

"devDependencies": {
...
    "html-webpack-plugin": "^5.3.1",
    "serve": "11.3.0",
    "ts-loader": "^8.0.18",
    "typescript": "^4.2.3",
    "webpack": "^5.25.1",
    "webpack-cli": "^4.5.0",
    "webpack-dev-server": "^3.11.2"
  },
  "dependencies": {
    "@types/react": "^17.0.3",
    "@types/react-dom": "^17.0.2",
    "react": "^17.0.1",
    "react-dom": "^17.0.1"
}