This is with tsdx watch.
Importing libraries such as remark-prism or react-syntax-highlighter breaks the app. I don't see anything in the console. All I see is a white screen. If I delay the import (remove it from being a top level import), make it a require inside application logic and try to console log it, it breaks after that. The react root disappears (guessing this is what happens when React breaks) but tsdx is unable to show me the react errors that pop?
Expected behavior
These plugins / libraries work with a normal React project / CRA installation.
Suggested solution(s)
Something with imports / ESM modules maybe?
No clue what's happening. Would love to provide additional information when I know where to look.
Additional context
I'm not running anything special. Ultimately, I'd be using these with react-markdown, but these imports break the app outside, before I can get them inside react-markdown. This is probably irrelevant.
Current Behavior
This is with
tsdx watch
. Importing libraries such as remark-prism or react-syntax-highlighter breaks the app. I don't see anything in the console. All I see is a white screen. If I delay the import (remove it from being a top level import), make it a require inside application logic and try to console log it, it breaks after that. The react root disappears (guessing this is what happens when React breaks) but tsdx is unable to show me the react errors that pop?Expected behavior
These plugins / libraries work with a normal React project / CRA installation.
Suggested solution(s)
Something with imports / ESM modules maybe? No clue what's happening. Would love to provide additional information when I know where to look.
Additional context
I'm not running anything special. Ultimately, I'd be using these with react-markdown, but these imports break the app outside, before I can get them inside react-markdown. This is probably irrelevant.
Your environment