JSFiddle - React, Tailwind, and code Playground

HTML

<script src='https://unpkg.com/file-selector@0.6.0/dist/bundles/file-selector.umd.min.js'></script>

<button id='btn'>
click
</button>

JavaScript

const {fromEvent} = fileSelector;


document.addEventListener('click', (e)=>{
  if(e.target.id==='btn'){
  	var ele = document.createElement('input');
    ele.type='file';
    
    ele.addEventListener('change', async (e) => {
    	const files = await fromEvent(e);
      console.log(files);
    })
    
    ele.dispatchEvent(new MouseEvent('click'));
  }

	if(e.target.tagName === 'INPUT')
		console.error("click happened");
})