Передать массив объектов в поддержку стиля в React и TypeScript

В JavaScript React я бы сделал это, чтобы «объединить» несколько стилей:

const customStyle= {
    fontWeight: 'bold'
};

<p 
    style = {[{fontStyle: 'italic'}, customStyle]}>
    {Some Text....}
</p>

Однако, когда я пробую это в проекте TypeScript React, я получаю следующее:

TS2322: Type '({ fontWeight: string; } | { fontStyle: string; })[]' is not assignable to type 'Properties<string | number, string & {}>'.
   Types of property 'filter' are incompatible.
     Type '{ <S extends { fontWeight: string; } | { fontStyle: string; }>(predicate: (value: { fontWeight: string; } | { fontStyle: string; }, index: number, array: ({ fontWeight: string; } | { fontStyle: string; })[]) => value is S, thisArg?: any): S[]; (predicate: (value: { ...; } | { ...; }, index: number, array: ({ ...; } ...' is not assignable to type 'Filter | undefined'.

Эта конструкция массива очень удобна, потому что важен порядок элементов. С помощью customStyle я мог перезаписать все, что я определил в объекте {fontStyle: 'italic'} до...

Как мне передать несколько стилей в style prop HTML-элемента?