¿Es necesario usar useMemo en React Table?

Me gustaría saber si es necesario utilizar useMemo en React Table para las columnas y los datos, y si es así, ¿por qué?

Este es mi código:

import React, { useMemo } from "react";
import useData from "../../hooks/useData";
import Table from "./Table";
import Loader from "../../assets/imgs/loader.svg";

const TableSection = React.memo(({ query, isOpen }) => {
  const { data, runtime, error } = useData(query);

  const column =
    data.length > 0 &&
    Object.keys(data[0]).map((key) => {
      const result = data[0][key]
        .replace(/([A-Z]+)/g, " $1")
        .replace(/([A-Z][a-z])/g, " $1");
      return {
        Header: result,
        accessor: key,
      };
    });
  const columns = useMemo(() => column, [column]);
  const queryData = useMemo(() => data.slice(1), [data]);

  if (error)
    return (
      <section classname="{`${" isopen="" "col-start-2"="" :="" "col-start-1"="" }="" col-end-3="" row-start-3="" row-end-4="" text-white="" m-6`}="">
        <h1 classname="text-center font-bold text-xl text-primary-dark">
          Algo salió mal{" "}
          <span role="img" aria-label="sad face">
            😞
          </span>
        </h1>
      </section>
    );
  return (
    <>
      <section classname="{`${" isopen="" "col-start-2"="" :="" "col-start-1"="" }="" col-end-3="" row-start-3="" row-end-4="" text-white="" mx-6="" my-12="" lg:mx-12="" overflow-hidden`}="">
        {data.length > 0 ? (
          <>
            <p classname="text-primary-dark">
              La consulta tomó:{" "}
              <span classname="font-bold">${runtime.toFixed(2)} ms</span>
            </p>
            <table columns="{columns}" completedata="{data}" data="{queryData}" query="{query}"></table>

        ) : (
          <img src="{Loader}" classname="w-20 mx-auto" alt="loader">
        )}
      </section>

  );
});

export default TableSection;