Skip to content

CModal component is using a deprecated findDOMNode to create a Transition component in StrictMode. #127

Closed
@Nelias

Description

@Nelias

This is the error that I am receiving in a console:

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition 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
    in div (created by Transition)
    in Transition (created by CModal)
    in div (created by CModal)
    in CModal (at xyz-modal.tsx:46)
    in XYZModal (at xyz.tsx:112)
    in div (created by Container)
    in Container (at xyz.tsx:37)
    in XYZ (at content.tsx:31)
    in div (created by Transition)
    in Transition (created by CFade)
    in CFade (at content.tsx:30)
    in Route (at content.tsx:25)
    in Switch (at content.tsx:21)
    in Suspense (at content.tsx:20)
    in div (created by CContainer)
    in CContainer (at content.tsx:19)
    in main (at content.tsx:18)
    in Content (at admin.tsx:12)
    in div (at admin.tsx:11)
    in div (at admin.tsx:9)
    in div (at admin.tsx:7)
    in Admin (created by Context.Consumer)
    in Route (at app.tsx:63)
    in Switch (at app.tsx:31)
    in Router (created by BrowserRouter)
    in BrowserRouter (at app.tsx:30)
    in App (at src/index.tsx:14)
    in Provider (at src/index.tsx:13)
    in StrictMode (at src/index.tsx:12)

Adding a innerRef={refSupplierModal} to CModal props with use of either createRef() or useRef() hooks does not fix this issue.

This could be a way to fix it: https://stackoverflow.com/questions/60802216/warning-finddomnode-is-deprecated-in-strictmode-react-redux-notify #

There was a similar issue in react-bootstrap: react-bootstrap/react-bootstrap#3518

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions