TypeScript error overlay

[schoening]

When working with Webpack, Parcel, Vite or react-cosmos I use TypeScript plugins to display an error overlay. These can run in parallel so they do not slow anything down (esbuild and swc being much faster than tsc)
So after some miliseconds I get an overlay on my app if the TypeScript compiler found errors:

(image is the first thing from google, there are many different cool looking error overlays)

It would be awesome to get this feature in Remix. If TypeScript fails I do NOT want to be able to proceed working. If I disagree with the error I can tweak the tsconfig.json

[TheRealFlyingCoder]

This is a bigger discussion that's been had a couple times.

The current stance from the team has been "Remix doesn't ever check types, you have to manually do it yourself" due to the slow nature of tsc.

I personally think there should be some surfacing of type errors regardless of speed OOTB, because that's why we choose typescript, and it's a risk for unknowing users to work in a typescript project and never be prompted if they've made a mistake.

A solution that runs in parallel, either to output an overlay or feed into the same console would be ideal though... I don't mind if the TS errors come a couple seconds after the build completes.

[await-ovo]

Also want to display any compile failure errors on error overlay, currently it only log errors on terminal:

and after the page is reloaded, no error messages can be seen

[abecks]

Just started using Remix and ran into this pretty quickly. I guess we're a bit spoiled these days and come to expect something like this. Definitely improves the DX. Saves having to leave a console open and watch for errors. I understand deferring TypeScript errors. Build failure stack traces would be nice though.