Sometimes messages lose code

[tarasglek]

No idea what causes this, guessing it's something to do with serialization/deserialization as it started happening after one of the recent refactors.

[humphd]

I can't reproduce locally or on chatcraft.org. I tried with both gpt-3.5 and gpt-4:

I wonder if we're hitting react-syntax-highlighter/react-syntax-highlighter#513 upstream.

[humphd]

Refreshing a few times I can get it:

Refreshing again and it's working.

[tarasglek]

yeah it's been hard to repro here too.

[humphd]

Seems to only happen for me in a production build, which is why I've never hit it (I tend to play with this locally in development). I've confirmed that it's not coming from our code. When we hit it, we aren't passing down '[object Object]' but the actual code we want to work with:

It's happening once we hand it off to the component here: https://github.com/tarasglek/chatcraft.org/blob/main/src/components/Markdown.tsx#L161

I'm trying to trace it through, to see if I can spot something.

[tarasglek]

Linking your post to react-syntax-highlighter/react-syntax-highlighter#513

[humphd]

Unfortunately, the react-syntax-highlighter repo looks unmaintained to me. I cloned it and tried updating some things, but it's very out of date, and APIs have changed all over the place.

Probably we should explore other options, but everything I've looked at today is missing pieces that this one has. I'm not sure that there is a good drop-in replacement, so we'll have to get it working again with something new.

[tarasglek]

prismjs does seem to have an autoloader plugin. https://prismjs.com/plugins/autoloader/
I used it before, didn't run into show-stopper glitches, just couldn't find autoloader before.