I am using react-virtualized in React 18 with typescript. RegisterChild in windowScroller gives a typeError when used as a ref.
What is the current behavior?
When I use
I get an an error as :
Type '(element?: ReactNode) => void' is not assignable to type 'LegacyRef<HTMLDivElement> | undefined'.
Type '(element?: ReactNode) => void' is not assignable to type '(instance: HTMLDivElement | null) => void'.
Types of parameters 'element' and 'instance' are incompatible.
Type 'HTMLDivElement | null' is not assignable to type 'ReactNode'.
Type 'HTMLDivElement' is not assignable to type 'ReactNode'.
Type 'HTMLDivElement' is missing the following properties from type 'ReactPortal': type, props, key
How can I solve this error?
If I use onChildScroll, I get a warning in console for ReactDomNode
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of WindowScroller which is inside StrictMode. Instead, add a ref directly to the element you want to reference
What is the expected behavior?
registerChild should work as ref correctly.
Which versions of React and react-virtualized, and which browser / OS are affected by this issue? Did this work in previous versions of react-virtualized?
I am trying to update to react 18 from react 17 and encountered this issue
Bug Report
I am using react-virtualized in React 18 with typescript. RegisterChild in windowScroller gives a typeError when used as a ref.
What is the current behavior?
When I use
How can I solve this error?
If I use onChildScroll, I get a warning in console for ReactDomNode
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of WindowScroller which is inside StrictMode. Instead, add a ref directly to the element you want to referenceWhat is the expected behavior?
registerChild should work as ref correctly.
Which versions of React and react-virtualized, and which browser / OS are affected by this issue? Did this work in previous versions of react-virtualized?