(ping me if someone responds)

I'm sure you can use the dangerouslySetInnerHTML attribute so any html can get past through. Please also understand why it is named dangerous.
I think there's other but I don't actually know.
@Goldstripe sardinella

pretty sure its added by something done in the server

and u cant write JSX in dangerouslySetInnerHTML

wait, i though u want to allow the html comment to show at production

no

it has something to do with server side rendering

@Tibetan Spaniel this is from the response html in the vercel's website so im assuming is has something to do both with React suspense and server side rendering but I cant figure it out

(btw if u respond and i dont answer dont be shy to ping me)

I can't guess what exactly you wanna know

its like a XY problem.

how do they get those comments is what I wanna know

im not sure but they put those comments while deploying or building on Vercel.

from my understanding you dont know how those comments are made/added right?

Why do you want to know this? This is not something nextjs users need to even think about.

To answer your question: https://github.com/facebook/react/blob/94e4acaa1477e65cac02ba86058cde0afe4c8f1f/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js#L189

const SUSPENSE_START_DATA = '$';
const SUSPENSE_END_DATA = '/$';
const SUSPENSE_PENDING_START_DATA = '$?';
const SUSPENSE_FALLBACK_START_DATA = '$!';

so it only adds if there's a promise in it or am I missing something?

Seems you are interested in how react works internally, you have the source file above and are free to inspect how these constants are used in the implementation.

I already saw it im just asking cuz i aint understanding that much

I don’t, either. Not a react team maintainer. I can only tell you, by the link above, that those comments are added automatically by react, and since nextjs uses react, and vercel uses nextjs, those comments show up on the Vercel website. If you only want to know why those comments exist, this should be a satisfactory answer. If you want to know what happens with those comments, that is an implementation detail and you need to manually inspect the code yourself or find someone who can do that. This server doesn’t have any active members who are part of the react team or contribute to react regularly

well im looking for someone who knows when they're added

i figured to come here cuz I thought there would be experts that have an answer

and i dont know react's discord server

The point is that this is an implementation detail. It is not something people outside the team even need to know. If your code fails for whatsoever reason, it is because of something else, not these comments and these comments won’t help with debugging.

it's not causing issues lol it's curiosity

just by looking at this i think it is marking the suspense boundary for some internal function

those get added by default when u use <Suspense>. but im looking for these

function name tells u what it is for

which line is this? i cant find it

could you possibly show me like a code that adds the comment im still having trouble trying to understand lol Sorry.

probably this

wait so those comments dont even come from a react component?

actually let me give a example

I might be making it harder to understand lol

import React, { Suspense } from 'react'

const A = () => {
  return (
    <Suspense fallback={<h1>this is loading</h1>}>
        a content in a suspense
    </Suspense>
  )
}

export default A

this for example adds the <!--$--> <!--/$--> comments around the text. but what about the <!--$?--> or <!--$!-->

you get me?

its probably to check if the suspense is pending and where it starts

then shouldnt it get added by default when u use Suspense?

are you seeing this somewhere or what

<!--$?-->

what do you mean

idk if this is what u mean

yeah

ima tryna figure out what you do in the code that it adds those comments

if u see the skeleton the suspense has probably not finished and thats why these are there

and by looking at the function i send u above

it checks exactly for that

ive tried it myself why does it not get added im kind of confused

cause it probably gets removed after the suspense has finished

1 second

the way it works is really weird

or maybe its just me

alright nevermind

@gin @joulev thanks so much

idk how to delete this thread now

no problem

do u know how do i close this

u can mark my answer as solution, it will close then

thanks! 👍

u2

no, it's a bit weird, and i'm curios too, just don't have time for that now 😅