React 17 Cannot read properties of null

[immakdas]

In react error click
<input name="thename" type="text" value="#0f0" onclick={(new CP(document.querySelector(input[name="thename"])))
error Cannot read properties of null (reading 'append')

[taufik-nurrohman]

It should not be used like that. You should go with component and create a virtual element such as ColorPicker and handle the events from there.

class ColorPicker extends React.Component {
    constructor() {
        this.picker = new CP(/* ... */);
    }
    handleFocus = () => {
        this.picker.enter();
    }
    render() {
        return (
            <input onClick={this.handleFocus}/>
        );
    }
}