How to extend Card.Title's left/right prop's type?

[serifold]

I'm using Card.Title component, and it's right prop's type is(left's type is similar to this) :

(property) right?: ((props: {
    size: number;
}) => React.ReactNode) | undefined

I want to pass some other props to RightContent, such as status: boolean/index: number, but it only accept props: { size: number; }, e.g. I pass status: boolean to right, then TS warns:

Type '(props: { size: number; status: boolean; }) => Element' is not assignable to type '(props: { size: number; }) => ReactNode'.
  Types of parameters 'props' and 'props' are incompatible.
    Property 'status' is missing in type '{ size: number; }' but required in type '{ size: number; status: boolean; }'.ts(2322)
Card.tsx(23, 45): 'status' is declared here.
CardTitle.d.ts(76, 5): The expected type comes from property 'right' which is declared here on type 'IntrinsicAttributes & ViewProps & RefAttributes<View> & { title: ReactNode; titleStyle?: StyleProp<TextStyle>; ... 13 more ...; theme?: ThemeProp | undefined; }'
(property) right?: ((props: {
    size: number;
}) => React.ReactNode) | undefined
Callback which returns a React element to display on the right side.

No quick fixes available

Then I tried to move RightContent into it's parent component to access these props, but React warns:

Do not define components during render. React will see a new component type on every render and destroy the entire subtree’s DOM nodes and state (https://reactjs.org/docs/reconciliation.html#elements-of-different-types). Instead, move this component definition out of the parent component “CardComponent” and pass data as props.eslint[react/no-unstable-nested-components](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-unstable-nested-components.md)

I'm not a experienced TS user, unfortunately I don't know what should I do now. Is there some methods, like TS Interface Inheritance, that I can extend the right prop's type to:

(property) right?: ((props: {
    size: number;
    status: boolean;
    ...other props
}) => React.ReactNode) | undefined

so I can pass some props I needed to the Card.Title's left/right prop?