flogy / gatsby-mdx-tts-example Goto Github PK

Some facts:

• gatsby develop is working fine, also when adding SpeechOutput components.
• gatsby build works as long as the SpeechOutput components are removed from /content/posts/curses-and-counter-courses/index.mdx
• gatsby build fails if SpeechOutput components are used

Error message:
The error message seems to point to an unhandled promise rejection. However, when handling it in the gatsby-mdx-tts plugin code there will be other errors. What stays the same is this:

Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.htmlinvariant=31&args[]=%5Bobject%20Promise%5D&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Speculation:
I had problems before because there is some code only intended to be executed at build time (to generate the TTS files). For some reason it gets imported to the runtime / SSR when the SpeechOutput component is used.

To solve that original problem I have added the browser field to the plugin's package.json which has helped from including the TTS-generating code at runtime but it seems to now not be working for SSR...

// Inside plugin's package.json
"main": "index.js",
"browser": "SpeechOutput.js",

Upload this example page to Netlify and link it in the plugin's README file so interested people can directly try and see the speech output. Issue #1 needs to be resolved first though.