sortType with imported column data

[alexokten]

Currently we are importing columns from a separate file, and then memoizing them. I have written a custom sort function that I want to pass to sortType but cannot use useMemo as it is not inside a component.

What is the correct way to implement this?

// Column file
export const PROJECTS_COLUMNS = [
  {
    Header: <T.LabelSmall color="primaryMain">End date</T.LabelSmall>,
    accessor: 'date',
    sortType: (a, b) => {
      const isAEmpty = typeof a === 'undefined' || a === ''
      const isBEmpty = typeof b === 'undefined' || b === ''

      if (!isAEmpty && isBEmpty) return 1
      if (isAEmpty && !isBEmpty) return -1
      if (isAEmpty && isBEmpty) return 0

      return new Date(a) - new Date(b)
    },
    Cell: ({ value }) => {
      return value
    },
  },
....

  // Table file
  const columns = useMemo(() => PROJECTS_COLUMNS, [])
  const data = useMemo(() => _data, [loading])
  const {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    page,
    rows,
    nextPage,
    previousPage,
    canPreviousPage,
    canNextPage,
    state,
    setGlobalFilter,
    prepareRow,
  } = useTable(
    {
      columns,
      data,
    },
    useGlobalFilter,
    useSortBy,
    usePagination
  )