1. Add the dev dependencies vite and @vitejs/plugin-react
npm i -D vite @vitejs/plugin-react
  1. Change the scripts to use vite
    "scripts": 
    {
        "start": "vite",
        "build": "vite build"
    }
3. `index.html` in vite is the entry point and should be a part of the source directory. Move the `index.html` file from the public directory to the root directory of the project.
4. Get rid of `%PUBLIC_URL%` from index.html. The contents of the public directory are server at the root level. So, for example `%PUBLIC_URL%/manifest.json` will now be `/manifest.json`.
5. Inject the entry point for the react app into `index.html`. (Rename index.js to index.\[jsx/tsx\])
```html
   <script type="module" src="/src/index.tsx"></script>
  1. Make sure to use jsx/tsx for all the files which contains jsx.