[docs] Fix issues reported by react compiler in docs folder #42881
Conversation
Netlify deploy previewhttps://deploy-preview-42881--material-ui.netlify.app/ Bundle size report |
| @@ -2,8 +2,8 @@ import * as React from 'react'; | |||
| import { useRouter } from 'next/router'; | |||
| import clipboardCopy from 'clipboard-copy'; | |||
|
|
|||
| const CodeBlockContext = React.createContext<React.MutableRefObject<HTMLDivElement | null>>({ | |||
| current: null, | |||
There was a problem hiding this comment.
when ref is defined as null, react treats ref as unmutable. hence changed null to undefined
There was a problem hiding this comment.
Is this documented somewhere?
There was a problem hiding this comment.
I cannot recall where i read, but i guess its infered from below ts playground that, when ref is defined as null, react doesn't allow ref to mutate
There was a problem hiding this comment.
In this case, using React.useRef<number | null>(null) makes the ref mutable.
There was a problem hiding this comment.
okay my bad, i misunderstood.
as of now, react-compiler throws error when modifying ref inside event handler. same issue was reported here facebook/react#29106. looks like it is treated as bug (facebook/react#29106 (comment)) and fixed here facebook/react#29591.
once fix gets published and we update eslint-plugin-react-complier i'm expecting below error to go away. hence reverted all changes done in this file.
Error reported by current version of react-compiler:
part of #42564