I have a React TS application that uses graphql as a middleware between the react app and our API layer. Yesterday we started getting reports that the application was not displaying data on Safari for Mac and iOS. Additionally, our React-Native web view app was also not working(to be expected as it would be the same as viewing the website on Safari). The graphql queries are returning the data but we are seeing ServerParseError Error: JSON Parse error: Unexpected identifier “object” in the console. We traced the issue to results from useQuery. It appears as though the loading status from useQuery will switch to false before the data is actually stored in the data response. Setting a breakpoint on the result will cause it to work properly. Any help with how to fix this issue would be greatly appreciated!
Want to emphasis this issue is only occurring on Webkit-based browsers such as Safari. It works as expected on Chrome and Firefox.
Thank you for reaching out. This issue is in a proprietary application. I will try to replicate it in a non-proprietary setup to share here. In the meantime, the stack is a React TS front end utilizing Apollo Clint 3.6.9 and graphql 15.8 to make requests to a sweet of APIs. The data returns from the graphql requests but Apollo Client is throwing a ServerParseError. When I get something sharable I will post it here.