Custom input-like event in React

index.js

const root = document.querySelector('#root');
const customEvent = new CustomEvent(
	"myEvent",
	{
		bubbles: false,
		cancelable: false,
		detail: null,
	},
);
    
class MyComponent extends React.Component {
	constructor(props) {
		super(props);
		this.myRef = React.createRef();
	}

	render() {
		return React.createElement("button", {
			ref: this.myRef,
			onClick: (e) => {
				Object.defineProperty(this.myRef.current || {}, "value", { value: "111" });
				Object.defineProperty(customEvent, "target", { value: this.myRef.current });
				Object.defineProperty(customEvent, "currentTarget", { value: this.myRef.current });

				console.log(customEvent.currentTarget.value);
				console.log(customEvent.currentTarget);
				console.log(customEvent);
			},
  		}, "Click me!");
	}
}

ReactDOM.render(React.createElement(MyComponent), root);