Problem statement

1. so I have a plain javascript project and I have been assigned to that project to do some modifications in that application,

2. they want to use react component in their plain javascript application.

3. so I have to replace all buttons in the plain javascript application with react component (I can used material UI button ) and all card and header components also have to be replaced.

4. condition is no need to create new react application, use existing javascript application and do some modifications

document.getElementById('container').innerHTML= `<div>
<div id = 'button'><div>
</div>`

document.getElementById('button').innerHTML= `<button>click me</button>`;

<button>hello</button>
<div id = 'container'></div>