v10/packages/react/src/utils/use-sync-props.ts

import { isUndefined } from '@videojs/utils/predicate';

export function useSyncProps<Props extends object, Rest extends Record<string, unknown>>(
  target: Props,
  props: Partial<Props> & Rest,
  defaults: Props
): Omit<Rest, keyof Props> {
  const rest: Record<string, unknown> = {};

  for (const key in props) {
    if (key in defaults) {
      const value = isUndefined(props[key]) ? (defaults as Record<string, unknown>)[key] : props[key];
      if (target[key as keyof typeof target] !== value) target[key as keyof typeof target] = value as any;
    } else {
      rest[key] = props[key];
    }
  }

  return rest as Omit<Rest, keyof Props>;
}