Blank Page Shown when Deploying React App to gh pages with a Custom Domain

Question

I successfully deployed my portfolio website onto GitHub pages and everything was working. So I thought I should use a personal domain for it (I bought at get.tech)

I also set up the A & CName records to point to github-pages ip addresses:

A Records:

1            130642964      kevinf.tech     185.199.108.153     Active   


2            130642965      kevinf.tech     185.199.109.153     Active   


3            130642966      kevinf.tech     185.199.110.153     Active   


4            130642967      kevinf.tech     185.199.111.153     Active

CNAME Records:

    www.kevinf.tech     hfang821.github.io      Active

I insert a "CNAME" file at the root level of the repo as well. After I put my "kevinf.tech" into the custom domain field in the github pages, it showed that the site is live. But when I clicked into it, it's just a empty page (but favicon is shown lol).

Is it some steps that I did not do to set it up correctly?

my repo: https://github.com/hfang821/react_portfolio_v2

devtool screenshot