Force React component to expect certain props if another is defined

TestComponent.tsx

interface CommonData {
  someRandomData: string;
}

type DataOne = {
  someDataOneValue: string;
};

type DataTwo = {
  someDataTwoValue: string;
};

type OneOrTwo =
  | (DataTwo & Partial<Record<keyof DataOne, never>>)
  | (DataOne & Partial<Record<keyof DataTwo, never>>);

type ComponentProps = OneOrTwo & CommonData;

const Component: React.FC<ComponentProps> = () => {
  return <></>;
};

const Test: React.FC = () => {
  return <Component someRandomData="" someDataOneValue="" />;
};