Tengo un componente secundario, donde represento el contenido que se pasa como elementos secundarios del componente principal, donde algunos elementos se procesan condicionalmente. Entonces, cuando intento acceder a props.children, hago una modificación, obtengo valores nulos y falsos (cuyos elementos se representan condicionalmente) en props.children. Cómo eliminarlos.
URL de StackBlitz: https://stackblitz.com/edit/react-2nfdbc?file=src/App.js
puede hacer algo como children.filter((c) => !!c) pero reaccionar generalmente puede manejar falsos, nulos e indefinidos e ignorarlos correctamente.