Estoy trabajando en una aplicación de comentarios sobre productos (con reacción) para mi cartera y me encontré con un problema inesperado. El problema tiene lugar en mi componente SuggestionDetails donde obtengo la identificación actual con useParams y filtro el producto actual en función de esa identificación. Todo funciona y se muestra perfectamente bien con la matriz de sugerencias preexistente, pero el problema comienza cuando trato de generar una nueva sugerencia que he creado y agregado a la matriz.

Así es como obtengo la sugerencia actual:

 // I am getting the suggestions array through props const { id } = useParams(); const [suggestion, setSuggestion] = useState(() => { const currentSuggestion = suggestions && suggestions.filter((suggestion) => suggestion.id === parseInt(id) ? suggestion : null ); return currentSuggestion; });

Este es el valor de retorno de la sugerencia actual (la nueva sugerencia aún no se crea aquí):

Aquí, cuando trato de filtrar la nueva sugerencia (el último elemento), obtengo una matriz vacía:

Todavía soy un poco nuevo en esto y no entiendo por qué sucede esto. No he agregado el código donde estoy creando una nueva sugerencia y agregándola al estado actual, pero no creo que el problema esté ahí, ya que claramente se creó y se agregó a la lista actual de solicitudes de sugerencias.

Cualquier información sobre esto sería muy apreciada, gracias.