Estoy usando el paquete notistack. necesita mostrar snackbar en la pantalla. mientras llama al componente Snack que está usando enquesnackbar, muestra el snackbar pero también muestra el número aleatorio en la pantalla.
Quiero eliminar ese número aleatorio de la pantalla. no debería ser visible en la pantalla.
demostración de sandbox de código
https://codesandbox.io/s/naughty-microservice-ocoig2?file=/src/index.js
Tengo la solución temporal para eso.
He agregado display non en el componente. En este caso, habrá un número aleatorio pero no será visible en la pantalla.
<div style={{display: "none"}}> {messageList.map(({ message }) => ( <Snack message={message} /> ))} </div>si alguien encontró alguna otra solución, siéntase libre de publicar aquí.