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

Don't you need to pass a component as the first parameter of React.memo? I couldn't test it, but I feel like this is the thought process:

// Overall format:
export const Table = memo(MyComponent, MyFunction)

// With empty arrow function:
export const Table = memo(MyComponent, () => {})

// With your code:
export const Table = memo(MyComponent, ({propA, propB}: Props) => {

})