JSX Component with generics

jsx-generics-component.tsx

import React from 'react';

export interface FadeInViewProps {
  reset?: boolean;
}

function FadeInView<T>(props: FadeInViewProps & T) {
  const { reset, ...rest } = props;

  return reset ? <div {...rest}> </div> : <div {...rest} />;
}

interface OtherProps {
  hi: string;
}

const App = () => {
  return (
    <>
      <FadeInView<OtherProps> hi='hola' reset/>
    </>
  );
};