web package pure typescript setup

package.json

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "engines": {
    "node": ">17"
  },
  "dependencies": {
    "@azure/msal-browser": "^2.38.1",
    "@azure/msal-react": "^1.5.10",
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.36",
    "@fortawesome/free-brands-svg-icons": "^5.15.3",
    "@fortawesome/react-fontawesome": "^0.1.19",
    "@microsoft/mgt-react": "^2.11.2",
    "@mui/icons-material": "^5.14.3",
    "@mui/material": "^5.14.5",
    "@reduxjs/toolkit": "^1.9.5",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "axios": "^0.21.4",
    "bingmaps-react": "^1.1.0",
    "buffer": "^6.0.3",
    "i18next": "^21.10.0",
    "i18next-browser-languagedetector": "^6.1.8",
    "i18next-http-backend": "^1.4.5",
    "react": "^17.0.2",
    "react-bingmaps": "^3.6.1",
    "react-dom": "^17.0.2",
    "react-file-picker": "0.0.6",
    "react-i18next": "^11.18.6",
    "react-lazyload": "^3.2.0",
    "react-redux": "^7.2.9",
    "react-router-dom": "^6.15.0",
    "react-scripts": "^5.0.0",
    "react-select": "^4.3.1",
    "react-super-responsive-table": "^5.2.1",
    "sass": "^1.65.1",
    "styled-components": "^6.0.7",
    "typescript": "~4.1.5",
    "typescript-base64-arraybuffer": "^0.1.0",
    "xml2js": "^0.4.23"
  },
  "scripts": {
    "start": "react-scripts start --openssl-legacy-provider start",
    "build": "react-scripts build --openssl-legacy-provider start",
    "test": "react-scripts test --openssl-legacy-provider start",
    "eject": "react-scripts eject --openssl-legacy-provider start",
    "clear_cache:eslint": "rm -rf node_modules/.cache/eslint-loader"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "notes": {
    "@babel/core": "https://stackoverflow.com/questions/70292796/error-failed-to-load-parser-babel-eslint-parser-declared-in-eslintrc-js",
    "babel-eslint": "https://stackoverflow.com/questions/55180428/cannot-find-module-babel-eslint-both-standard-and-babel-eslint-already-instal",
    "react-scripts": [
      "https://stackoverflow.com/questions/50722133/what-exactly-is-the-react-scripts-start-command",
      "https://github.com/facebook/create-react-app/issues/10068"
    ],
    "localization": "https://blog.logrocket.com/react-localization-with-i18next/",
    "envVars not working": "https://create-react-app.dev/docs/adding-custom-environment-variables/#adding-development-environment-variables-in-env",
    "babel-preset": "https://stackoverflow.com/questions/76435306/babel-preset-react-app-is-importing-the-babel-plugin-proposal-private-propert",
    "azure pipelines vars": "https://learn.microsoft.com/en-us/azure/devops/pipelines/build/variables?view=azure-devops&tabs=yaml"
  },
  "devDependencies": {
    "@babel/core": "^7.22.10",
    "@babel/eslint-parser": "^7.22.10",
    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
    "@fluentui/react": "^8.110.13",
    "@types/jest": "^29.5.3",
    "@types/react-lazyload": "^3.1.1",
    "@types/react-router-dom": "^5.1.7",
    "@types/react-select": "^4.0.15",
    "@typescript-eslint/eslint-plugin": "^4.27.0",
    "@typescript-eslint/parser": "^4.27.0",
    "@uifabric/icons": "^7.9.5",
    "babel-eslint": "^10.1.0",
    "eslint": "^7.11.0",
    "eslint-config-react-app": "^6.0.0"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noImplicitAny": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": [
    "src"
  ]
}

web.config

<?xml version="1.0"?>
<configuration>
    <system.webServer>
        <staticContent>
            <remove fileExtension=".json" />
            <mimeMap fileExtension=".json" mimeType="application/json" />
            <mimeMap fileExtension=".webmanifest" mimeType="application/manifest+json" />
            <mimeMap fileExtension="webp" mimeType="image/webp" />
        </staticContent>
        <rewrite>
            <rules>
                <rule name="React Routes" stopProcessing="true">
                    <match url=".*" />
                        <conditions logicalGrouping="MatchAll">
                            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                            <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
                        </conditions>
                    <action type="Rewrite" url="/" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>