const appTest = () => {
  type ArtificialKey = string | number;
  interface ReactAttributeArtificial {
    key?: ArtificialKey;
  }
  type Data = {
    id?: null | string | number;
  };

  const Test = (props: Data) => {
    // ✅no tsc errors
    // ✅no eslint errors
    return ChildFn({ key: props.id! });
  };

  const Test2 = (props: Data) => {
    // 🚨ESLINT error.
    // 🚨If you remove non null operator it will be an compile error
    return <ChildCmp key={props.id!} />;
  };

  const ChildFn = (props: ReactAttributeArtificial) => 'Hello';
  const ChildCmp = () => <div>Hello</div>;
};