title: Property 'index' does not exist on type 'DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>
body: <p>I am using react-typescript but on the list I have <code>index</code> but it throws a warning :</p>
  <pre><code>
  interface  PropsSortableElement {
    children: any;
    index: any;
    zIndex?: number;
  }
  
  
  export const SortableItem = SortableElement(({ children, index, zIndex }: PropsSortableElement) =&gt; {
    const classes = useStyles();
  
    return (
      &lt;li className={classes.sortableItem} index={index} style={{ zIndex: zIndex || 1 }}&gt;
        {children}
      &lt;/li&gt;
    );
  });
  
  </code></pre>
  <p>So I get a warning on the <code>index</code> :</p>
  <pre><code>
  TS2322: Type '{ children: any; className: string; index: any; style: { zIndex: number; }; }' is not assignable to type 'DetailedHTMLProps&lt;LiHTMLAttributes&lt;HTMLLIElement&gt;, HTMLLIElement&gt;'.   Property 'index' does not exist on type 'DetailedHTMLProps&lt;LiHTMLAttributes&lt;HTMLLIElement&gt;, HTMLLIElement&gt;'.
  
  </code></pre>
  <p>How can be solved ?</p>