javascript - スタイル付きコンポーネントと反応アイコン成分

Question

私はstyled-componentsが初めてで、反応アイコンから <IconContext.Provider> を使用したい これは私の反応コンポーネントです:

<myComp>
 <AiFillPlusCircle />
</myComp>

これは私のスタイルのコンポーネントコードです:

import { IconContext } from 'react-icons';
    
export const myComp= styled(IconContext.Provider)`
 color: rgb(71, 71, 71) !important;
 vertical-align: middle !important;
 font-size: 1.7rem !important;
`;

しかし、うまくいきません！