How reusable component with control on the same schema object?

[elsieej]

Hi,
I have a question to reusable control which using react-hook-form with yup resolver validator.

Example:

I have schema A with

type A = {
pickupDate: string;
dropOffDate: string;
orderMethod: string;
weight: number;
}

and i have component using this control with 3 fields 'pickupDate' | 'dropoffDate' | 'orderMethod' from Type A

now,

type B = {
pickupDate: string;
dropOffDate: string;
orderMethod: string;
quantity: number;
}

how i can using it for my component? Because when i passed control extract type from B, it's not recognized. :(

Tks everyone.