CORS Header error only when Published and only on Safari

[AdbC2011]

Describe the bug
I have a React app accessing a lambda function and the react app is hosted on amplify. When the react app is run on my local machine it passes the Cors checks and everything is fine; however once it is hosted on amplify the Cors headers check fails. The code just uses fetch on the api. Everything works on Chrome, but not Safari.

Screenshots
Here is the console log on Safari

What is Configured?
The lambda function returns allow headers, allow origin and access credentials true for both GET and OPTIONS calls and can be verified in postman

[AdbC2011]

accidental, this could well be Safari complaining about Access Headers set to *

[github-actions]

This issue has been automatically locked since there hasn't been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.