When I initiated a new ReactJS project, it automatically opened in the Chrome browser and displayed an SSL_ERROR, the same issue I faced when starting the old project.

I suspect this might be due to Chrome automatically attempting to use the HTTPS protocol while ReactJS is configured for HTTP, causing SSL certificate errors.

I pasted the HTTP URL into Firefox, and the new application worked flawlessly. Upon trying this solution with my old project, it also worked fine as well. I’m delighted that this approach saved me time in migrating the project.

However, later on, I encountered some issues with loading avif images. I had converted all images to avif format to enhance web performance. Initially, I thought it might be a coding problem, but after restarting the project, all images loaded correctly.

The old project has successfully started; we can now attempt to connect to the API.