Di-ignore comments are removed with react compiler

[willassian]

Since React Compiler strips out comments // di-ignore comments are removed

The solution here might be to use "use strict" style string directives or similar that aren't removed, similar to how React Compiler uses "use no memo" at the top of the function scope.

[albertogasparin]

That is quite annoying... I think this should be a bug in compile. Aside from introducing a "use no di", the other option that I can think of is that we allow the comment on the parent:

// di-ignore
const fn = () => {
}

But that is a bit more tricky as it would require crawl the tree up in some circumstances:

// di-ignore
const fn = memo(forwardRef(() => {
}));

I would still prefer it to "use no di" however, as the latter unnecessarily pollutes the prod code and adds new, unique semantics.

[albertogasparin]

Hmm... By reading the full convo on React repo it seems like they have no intention of supporting comments, so even the parent // di-ignore approach might eventually fail 😔
Alternatively we could do it with some actual code instead of directives:

di(false) 
// or 
di.ignore()