[SOLVED] CORS Error In React JS

I am using appwrite for the first time. I tried the example in the documentation. However, I got the following error.I am using appwrite for the first time. I tried the example in the documentation. However, I got the following error. here is the error,

Access to XMLHttpRequest at 'http://hl-appwriter.buildapi.cyou/v1/account' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.

anyone have idea how to fix this ? Thank you !!!

TL;DR

The user had a CORS error in React JS while using appwrite for the first time. The error stated that the preflight request didn't pass the access control check due to a redirect not being allowed. The user was able to solve the issue by changing the URL from http to https and making sure their client app was added as a web platform to their project.