¿Es posible hacer un archivo de entrada como el siguiente como un archivo de entrada, no seis entradas separadas? Esto debería funcionar para que solo cuando haga clic en el cuadro gris, se abra el explorador de archivos. Independientemente del campo en el que hagamos clic, debería abrirse la misma entrada de archivo. El problema es que no quiero que se abra una ventana del explorador cuando hago clic en los espacios blancos entre los cuadros grises. Debo hacerlo así porque si hago seis campos separados, no podré validarlo en forma de gancho de reacción.

¿O es posible combinar algunas entradas en una sola? Me refiero a cómo combinar estas tres entradas a continuación para que compartan la misma memoria, independientemente de en qué haga clic y a la que agregue algunos archivos.

 <input type="file" /> <input type="file" /> <input type="file" />

Aquí puede encontrar el resto de mi pregunta y código: Validación de entrada de archivo usando React Hook Form y Yup