コンポーネントのstyleだけオーバーライドして使い回せるコンポーネントを作りたい

Question

実現したいこと

react-selectのライブラリーを使ってセレクトフォームを作っているのですが、その際にデフォルトのstyleだけ変更を加えたカスタムコンポーネントの作り方を知りたいです。

困っていること

以下のようにコンポーネントを作ってみたところ、react-selectの引数を呼び出し元で定義出来なくなってしまったのでその解決方法についてご教示頂きたいです。

import React, { FC } from 'react';
import Select, { StylesConfig } from 'react-select';

const customStyles: StylesConfig = {
  control: (base) => ({
    ...base,
    minHeight: 30,
  }),
};

export const ReactSelect: FC = ({ children }) => <Select styles={customStyles} {...children} />;