Navigator is not defined in trix.esm.min.js

[siddhrajcrest]

I am integrating the Trix editor in a gatsby react project
When i try to create develop build using npm scripts, it fails throwing error as mentioned in the image below
issueImage

But the case is that, when i remove the implementation till creating the develop build, and add the implementation again to the component after the build is generated, it works like charm, but don't know what to do for production build for this scenario.

please help me with this issue because this has really made my nights sleepless