How extend chakra-react-select property in typescript

[Marina-Sugutova]

I want to add my own component

  <Select
   ....
   components={{
        NoOptionsMessage,
        MenuList,
        MyOwnComponent
    }}
  </Select>

I'm trying to expand the interface and it won't work
how to do it correctly?

example d.ts

import type { ComponentType } from 'react';
import from 'chakra-react-select';

declare module 'chakra-react-select' {
  export interface SelectComponents<
    Option,
    IsMulti,
    Group extends GroupBase<Option>,
  > {
    MyOwnComponent?: ComponentType<unknown>;
  }
}