Tengo un formulario que toma datos además de imágenes. Todo funciona bien hasta que sales de la pestaña y vuelves o en el móvil, cuando intentas subir imágenes, se abre una carpeta en pantalla completa donde puedes elegir. Una vez de vuelta al formulario, está vacío. Me pregunto por qué hace eso. Incluso navegar a otra pestaña y regresar borra todo el formulario

Formulario.js

 import React, { useState } from "react"; import styled from "styled-components"; import DragAndDrop from "./DragAndDrop"; function Form({ category }) { const [Name, setName] = useState(""); const [Title, setTitle] = useState(""); return ( <> <div> <StyledForm onSubmit={SendPost}> <div className="mb-14"> <H2>PRODUCT</H2> <StyledP type="Name : "> <StyledInput value={Name} placeholder="TYPE Name product name" onChange={(e) => setName(e.target.value)} /> </StyledP> <StyledP type="Title : "> <StyledInput value={Title} placeholder="Type the Title" onChange={(e) => setTitle(e.target.value)} required /> </StyledP> <StyledP type="Import photos (10 Photos Max) : " /> <div className="mt-2"> <DragAndDrop /> </div> </div> <div className="-mt-8 flex justify-center"> <button type="submit">Post</button> </div> </StyledForm> </div> </> ); } const H2 = styled.h2` `; const StyledInput = styled.input` `; const StyledP = styled.p` `; const StyledForm = styled.form` `; export default Form;