리액트 배포시 404에러

안녕하세요 선생님.
그동안 html css js를 이용하여 배포할땐 어떤이름을 지어도 잘 배포되고 합니다. (abc.github.io 처럼요)
리액트강의 들으며 배포해볼려하는데 어제 하루종일 이거떄문에 아무것도 못해서요..

리액트 프로젝트를 깃허브이름.github.io로 레포지토리 만들어서 올리면  리액트 프로젝트를 올리면 잘됩니다.
근데 리액트 프로젝트가 여러개라 다른걸 올릴려고 html,cssjs로 만든것처럼 
내맘대로이름짓기.github.io로 레포지토리를 만들고  pages에서도 main으로 바꾸는등 잘해줬는데 이럽니다..
리액트 빌드할때도 에러는 안나구요. vscode로 npm start하면 되게 잘됩니다 콘솔창에 에러도안뜨고 ㅠㅠㅠ
이 화면이 나오고 새로고침하면 밑에 사진이 나옵니다