en reaccionar cuando borramos el archivo haciendo clic en el botón de cruz, no podemos seleccionar el mismo archivo. Cómo escribir la función que después de eliminar el archivo existente si el usuario desea volver a seleccionar el mismo archivo, no se debe seleccionar el archivo. Si desea seleccionar en lugar del archivo existente, se debe seleccionar el archivo.

 import React from "react"; export default function DropDown() { const [checked, setChecked] = React.useState(false); function fun(e) { let file=e.target.files[0]; localStorage.setItem("selectedFile",file.name); if (localStorage.getItem("selectedFile")===file.name) { alert('duplicate'); // document.getElementById("file").value = ''; //setChecked(false); } else { alert('not duplicate'); //setChecked(true); } console.log(localStorage.selectedFile); } return ( <div > <input type="file" id="file" onChange={(e) => {setChecked(true);fun(e)}} /> {checked ?<button onClick={(e)=>{setChecked(false);document.getElementById("file").value = '';}}>x</button>:null} </div> ); }