Tengo un componente tsx muy simple como este

 import React, { CSSProperties } from "react"; const INPUT: CSSProperties = { display: "flex", flexDirection: "row", }; const TEXT_INPUT: CSSProperties = { fontWeight: "bold", marginRight: "10px", }; const CONTAINER: CSSProperties = { alignItems: "center", justifyContent: "center", display: "flex", }; export interface AddNoteInterface { style?: CSSProperties; } export default function AddNote(props: AddNoteInterface) { const { style } = props; return ( <div style={[CONTAINER, style]}>. <----- ts complaint here <div style={INPUT}> <div style={TEXT_INPUT}>Text input</div> <input /> </div> </div> ); }

pero cuando uso una matriz para varios estilos, me da un error:

 Type 'CSSProperties[]' is not assignable to type 'Properties<string | number, string & {}>'. Types of property 'filter' are incompatible.

¿¿¿Qué sucedió??? Ayuda por favor, muchas gracias