[Bug]: GraphQL Docs

Partner Discussions
1

Hi,
There seems to be a visual bug in the Admin GraphQL docs, which removes all the syntax highlighting, as per the image below. I’ve included the exact error as well below

image
image1920×982 176 KB

index-B8CV1Ko1.js:24 
 Uncaught Error: Minified React error #423; visit https://reactjs.org/docs/error-decoder.html?invariant=423 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at sa (index-B8CV1Ko1.js:24:45320)
    at la (index-B8CV1Ko1.js:24:39796)
    at tc (index-B8CV1Ko1.js:24:39727)
    at ml (index-B8CV1Ko1.js:24:39585)
    at li (index-B8CV1Ko1.js:24:35969)
    at ea (index-B8CV1Ko1.js:24:34922)
    at on (index-B8CV1Ko1.js:9:1650)
    at MessagePort.Mn (index-B8CV1Ko1.js:9:2043)
sa	@	index-B8CV1Ko1.js:24
la	@	index-B8CV1Ko1.js:24
tc	@	index-B8CV1Ko1.js:24
ml	@	index-B8CV1Ko1.js:24
li	@	index-B8CV1Ko1.js:24
ea	@	index-B8CV1Ko1.js:24
on	@	index-B8CV1Ko1.js:9
Mn	@	index-B8CV1Ko1.js:9
2

Hey Jordan - thanks for flagging, this has been resolved!

3

Thanks for the speedy fix Liam! I’m still seeing it, but guess some caching might be happening?

4

The problem still here !

5

I can’t reproduce on my side - what browser are you using @Sebastien_Quere ?

6

I can still see it too Liam.

Index: index-CFWMxc9k.js:9

image
image588×459 21 KB

Decoded error

Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

https://react.dev/link/hydration-mismatch[missing argument]

Session ID in BugSnag: cm8x451zo00003j6ll7wb0rgn
App Version: 9ab0510602064126eecc516d79221896a521e310
User Agent: “Chromium”;v=“134”, “Not:A-Brand”;v=“24”, “Microsoft Edge”;v=“134”

7

Have connected with the dev docs team on this!

8

It’s possible there is a browser extension that’s conflicting with how the page renders. If you test in a different browser, or if you disable browser extensions, is the issue persisting?

9

Looks like a spell check extension, was causing the code to error. Because it didn’t match what the server was expecting.

10

On chrome on my side, after disabling dubble.so extension it’s working.
On firefox, I have many important extensions, I didn’t test yet.

11

Thanks for checking this folks - we’re working on a fix so that extensions won’t impact on the formatting.