Notifications with strict mode (findDOMNode warning)

[zifeo]

Relates to https://github.com/mantinedev/mantine/issues/93 but in @mantine/notifications@3.1.4 (latest Safari).

notifications.showNotification({
  message: `Success!`,
});

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://reactjs.org/link/strict-mode-find-node

[rtivital]

We need to migrate @mantine/notifications to new ref api to remove this warning, feel free to submit a PR

[bogordesaincom]

same problem

[bogordesaincom]

any solution for this?, i'm search but still not found

[Cheesetouched]

Same issue. Is this patched in the latest release?

[rtivital]

No, until issue is closed it is not patched

[rtivital]

The issue is fixed, the fix will be released with 4.0 release

[bogordesaincom]

amazing @rtivital thanks

[maticrivo]

@rtivital is there an ETA on 4.0 release?

[rtivital]

End of march - mid april

[rtivital]

Released in 4.0

[devkwaku]

Issue present in @mantine/core": "^5.3.2"

Example code

import { useId } from '@mantine/hooks';
import InputMask from 'react-input-mask';

function Demo() {
  const id = useId();
  return (
    <Input.Wrapper id={id} label="Your phone" required>
      <Input component={InputMask} mask="+7 (999) 999-99-99" id={id} placeholder="Your phone" />
    </Input.Wrapper>
  );
}

[rtivital]

It is issue of react-input-mask package, not Mantine

[devkwaku]

react-input-mask@next fix the issue for me