Tengo un componente de reacción con este jsx.
{posts?.map((post) => { <Post key={post.id} post={post} /> })}Cuando guardo el archivo, Prettier agrega automáticamente un punto y coma delante de <Post ... />. Esto está causando que el componente no se renderice.
Tengo la opción semi establecida en falso.
Esto sucede porque actualmente su función de mapa no devuelve nada
<Post key={post.id} post={post} /> debe ser devuelto por map al igual que devuelve jsx dentro de su componente de reacción.
Si desea mantener una línea y no regresar explícitamente, cambie sus llaves a paréntesis para devolver su jsx
{posts?.map((post) => ( <Post key={post.id} post={post} /> ))}que es lo mismo que
{posts?.map((post) => { return <Post key={post.id} post={post} />; })}