I see that you have managed to deploy your React project to Github pages successfully, but here is how I did it in case anyone needs help:

• First things first, make sure that your ".git" folder and your project are in the same folder.

1. Run npm run build. You should have a dist folder now.
2. Open the file vite.config.js (or .ts).
3. Add the base file with your repository name. Include the two /.

Example: let's say your github project's URL is https://github.com/atlassian/react-beautiful-dnd.

export default defineConfig({
  base: "/react-beautiful-dnd/",
  plugins: [react()],
});

3. Open your .gitignore file and delete the dist line from it. You want to make sure that the dist folder is pushed to github.
4. git add .
5. git commit -m "deploy"
6. git subtree push --prefix dist origin gh-pages
7. Wait for a couple minutes (in my case it took 4 minutes) and open the page. In the example above, the URL would look like this: https://atlassian.github.io/react-beautiful-dnd

In case it's still showing a blank page, it's very likely to do with the step number 3. Ensure you added the correct repository URL and that it begins and ends with the / sign.

That is about it, I hope it helps. I used this blog post for guidance, it is a more detailed explanation of the above.