How to migrate a whole React.js web-app to Typescript [closed]

I created a wen-app in React.js and Node.js. Unfortunately I discovered that some APIs and SDKs that I will have to use are coded in Typescript.

I just started programming so I'm probably going to ask a stupid question: in order to use this SDK and API do I have to convert all the code to typescript?

Basically I downloaded these modules and through npm I installed them in node_modules. I try to import them like I did with: Sequlize, React, Auth0... but I always get error for every module that i use:

src/index.js
Module not found: Can't resolve "...."

for everything I've imported into my files

I deleted jsconfing.json and add tsconfing.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,
    "noEmit": true,
    "jsx": "react"
  },
  "include": [
    "src"
  ]
}

Index.js:

import React from "react";
import ReactDOM from "react-dom";
import "assets/plugins/nucleo/css/nucleo.css";
import "@fortawesome/fontawesome-free/css/all.min.css";
import "assets/scss/argon-dashboard-react.scss";
import App from "./App.js"
import * as serviceWorker from './serviceWorker';
import { BrowserRouter as Router } from "react-router-dom";
import { Auth0Provider } from "@auth0/auth0-react";
ReactDOM.render(
  
  
  <Router>
   <Auth0Provider
      domain="mydomain.com"
      clientId="mycliednid"
      redirectUri="http://localhost:3000/admin/dashboard"
      audience="https://audience.sample"
     >
      <App />
    </Auth0Provider>
  </Router>,

document.getElementById('root'));
serviceWorker.unregister();