Tengo un código que se ve así: (Estoy omitiendo algunas cosas pero...)

 render() { (bunch of props and state) return ( <div> <CustomTabs> {this.renderTabs()} </CustomTabs> </div> }

Donde la función renderTabs se ve así:

 renderTabs = () => { const { apps } = this.props; apps.filter(app => app?.id !== 'Dashboard').map((app, key) => { return <CustomTab label={app.id} key={key} />; }); }

Según algunos registros de la consola, el filtro y la asignación funcionan, por lo que la etiqueta y la clave existen y están configuradas correctamente. Pero el retorno de la función no está definido.

Observo que estoy usando tablas de datos MUI para hacer esto y que si elimino la función y agrego varias a mano, funciona correctamente.

¿Por qué está pasando esto? Tengo mucho código que se ve así y muchos métodos de renderizado que llaman a otra función para ayudar al renderizado y funcionan sin problemas.