GraphQL editor inside react component

I am building a provider to surf GraphQL queries over HTTP, so I have something like

field 1: URL
field 2: parameters
field 3: text editor for GraphQL query in plain text

I am looking to turn my plain text editor into graphql editor (but syntax highlight only to keep it light and pretty). Are there any resources/projects that have done something similar? Any suggestions appreciated.