React-grid-layout: Warning: findDOMNode is deprecated in StrictMode...

[Ginioo]

Hi,

I got these deprecation warnings.
It seems that we can replace ReactDOM.findDOMNode with React.createRef.

DraggableCore

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DraggableCore which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node...

WidthProvider

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of WidthProvider which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node...

[github-actions[bot]]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this issue will be closed in 7 days

[Semigradsky]

Still alive issue

[dan-nadler]

I just ran into this as well

[fullstackdb]

This issue still exists.

In documentation we've some information about innerRef:

// Ref for getting a reference for the grid's wrapping div.
// You can use this instead of a regular ref and the deprecated `ReactDOM.findDOMNode()`` function.
innerRef: ?React.Ref<"div">

However, covering GridLayout into div and passing its ref to GridLayout.innerRef not solving an issue.

Are there any recipes to solve findDOMNode is deprecated in StrictMode issue?

[Semigradsky]

@STRML could you reopen please? It was closed by bot.

[STRML]

Yes, this is still an issue as GridItem uses findDOMNode.

[Semigradsky]

@STRML Hi! Looks like issue was closed again because stale label is on issue.

[mnemanja]

@STRML any suggestion on how to solve this?

[westandy]

See #1092