logChanges.tsx

export function logChanges(newProps: any, prevProps: any) {
  if (process.env.NODE_ENV === 'development') {
    const changes = Object.create(null);
    Object.keys(newProps).forEach((key) => {
      const newValue: any = newProps[key];
      const oldValue: any = prevProps[key];
      if (newValue !== oldValue) {
        changes[key] = [oldValue, newValue];
      }
    });
    if (Object.keys(changes).length > 0) {
      // eslint-disable-next-line no-console
      console.log('ZZZZZ - account changes', changes);
    } else {
      // eslint-disable-next-line no-console
      console.log('ZZZZZ - account did not change');
    }
  }
}