How to Insert sitecore edge (cloud) item using graphql from react client app

Experience Edge for Experience Manager (XM)
<–>
Sitecore-hosted GraphQL API.
<–>
React client(azure hosted pm2 static react web app service).

I am creating a contact us form page on public site developed on react, hosted on azur(pm2 node). I m using graphql to sitecore edge items to render on pages, pdf & images from media library. Except one page other pages content is delivered from sitecore edge from sitecore tree(pages and global) means getting data.

One page we have details in sitecore using graphql from react client we need to add an item.

I have tried documented approch of Adding using mutation as described in

doc.sitecore.com/xmc/en/developers/xm-cloud/query-examples-for-authoring-operations.html

Please let me know if someone has solved this for sitecore could using graphql