graphql-codegen Syntax error when installing graphiql package

Describe the bug
Running yarn codegen after installing graphiql package throws syntax error:

Expected Name, found "}".

if graphiql package is removed, everything works fine.

I can't figure out what is causing this. Probably some nested dependency issues?

Your Example Website or App
codesandbox : https://shorturl.at/bBPWY

Steps to Reproduce the Bug or Issue
open terminal
Run yarn codegen

Remove graphiql and it works fine.

Expected behavior
I expect it to throw no issues