How to use Props with Generics with React.memo

Question

I am trying to convert the following to use React.memo:

interface Props {
  // props...
}

export function Table({
          


        

Answer 1

Simple, just pass a non-arrow function to React.memo:

export const Table = React.memo(function(props: Props) {

})

or if you need default export:

export default React.memo(function Table(props: Props) {

})