genericJSX.tsx

const StyledGenericComponent = styled.div``;

type GenericProps<T> = {
 as?: React.FC<T>
 //...otherProps
}

const GenericComponent = <T>({ as, ...props }: Props<T> & T) => {
  // some logic
  return <StyledGenericComponent as={as} {...props}/>
}
  
 const UseExample = () => (
  <>
    <GenericComponent<{ prop1: number }> 
      prop1={1}                  
      prop2={3} // type checker shows an error
    />
  <GenericComponent<{}>
      prop1={1}  // type checker shows an error (prop1 doens't exist e Prop)           
    />
    <GenericComponent
      prop1={1}  // type check doesn't shows an error (prop1 doens't exist e Prop)           
    />
  </>
  )