Deprecated "findDOMNode" in Checkout module while clone

(0) Share

Report

Posted on by Community Member Microsoft Employee

I'm getting an error after cloning the Checkout Module in D365 Commerce after extending the theme, is there any possible ways for an alternate solution?

---------------------------

private readonly focusOnFirstFocusableElement = (): void => {

const node = ReactDOM.findDOMNode(this) as HTMLElement;

const focussableElements = `

a:not([disabled]),

button:not([disabled]),

input[type=submit]:not([disabled]),

input[type=checkbox]:not([disabled]),

input[type=text]:not([disabled]),

input[type=radio]:not([disabled]),

input[type=password]:not([disabled]),

select:not([disabled]),

textarea:not([disabled]),

[tabindex]:not([disabled]):not([tabindex="-1"])

const child = node && node.querySelector && (node.querySelector(focussableElements) as HTMLElement);

child && child.focus && child.focus();

};

All responses (1)

Answers (1)

Verified answer

WillWU 22,350 on at

Like (0)

Report

RE: Deprecated "findDOMNode" in Checkout module while clone

Hi partner,

It might because of the strict mode in React.

StrictMode currently helps with warning about deprecated findDOMNode usage, when strict mode is enabled, React compiles a list of all class components using the unsafe lifecycles, and logs a warning message with information about these components.

Please try to change <React.StrictMode><App /><React.StrictMode> to <App /> in index.js

Such as the following screenshots

You have to comment it.