Quiero crear un componente para usar en muchas listas.

Aquí está el código sandbox

Básicamente, tengo muchas listas, y encima de cada lista quiero tener una barra de herramientas de acciones. Lo llamo ListActions . Cada ListActions puede contener varios botones ListAction .

Y quiero que mi componente sea flexible, para que los desarrolladores puedan proporcionar JSX de acción única, JXS de acciones múltiples o un componente de reacción que devuelva acciones únicas o múltiples.

Funciona muy bien en el desarrollo. Pero cuando lo construyo, sin recibir ninguna advertencia relacionada con los ganchos, veo este error:

Error no detectado: error de reacción minimizado # 130; visite https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= para ver el mensaje completo o use el entorno de desarrollo no minimizado para ver errores completos y advertencias útiles adicionales.

Y cuando sigo los enlaces ( aquí y aquí ) veo que hay un par de reglas relacionadas con los ganchos. Pero no encuentro ningún incumplimiento de esas reglas en mi código.

¿Cómo puedo arreglar esto?