Getting the CORS error despite adding * as hostname in platform in appwrite project

I'm getting the CORS policy error despite setting the endpoint to https://cloud.appwrite.io/v1. Please help. The error states "Access to XMLHttpRequest at 'https://cloud.appwrite.io/v1/account' from origin 'http://localhost:5173/' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."

Edit - I have the platform wherin the hostname is set to *. My project ID and url in the .env.local file outside the src are correct. I'm importing them into the config.ts file and then exported from the appwriteConfig function . I'm still getting the same error..As you can see, the CORS error still persists. @D5 @Dennis Ivy

Thanks for creating this! Are you sure that you have set the project ID correctly and that it's accessible from there?

Yup. The project ID is correct. Here is the pic of the project ID on the appwrite and I've pasted the same thing