Deprecated "findDOMNode" in Checkout module while clone

(0) Share

Report

Posted on by Community Member

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();

};

I have the same question (0)

All responses (1)

Answers (1)

Verified answer

WillWU 22,361 on at

Like (0)

Report

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.

Was this reply helpful? Yes No