Material Tableのテーブルデータを外部から取得したい

前提

ここに質問の内容を詳しく書いてください。
Reactでmaterial-table使ってテーブルを作成し、そのテーブルのデータを外部のphp経由でDBから取得したいと考えています。
テーブルデータの初期状態は空で、ページにアクセスする度に外部からデータを取得して表示するようなテーブルをイメージしています。
初心者のため、至らぬ点はご容赦ください。

実現したいこと

material-tableのremote dataでテーブルのデータを外部から取得する

発生している問題・エラーメッセージ

下記のサイトを参考にしてもmaterial-tableのremote dataの使い方がよくわからない。
https://material-table.com/#/docs/features/remote-data

疑問点①どのようにサーバー側にリクエストをPOSTしたらよいのか
疑問点②レスポンスをどのように受け取り、テーブルに反映したらよいのか

material-tableのサンプルコードはおそらくテーブルのデータをAPIからGETする形で取得しているため、
サーバーにPOSTしたいときのPOST方法がわからず悩んでいる。

エラーメッセージ

該当のソースコード

Table.jsx
import MaterialTable from "material-table";
import React, { useState, useRef} from 'react';


export const Table = () => {
  const [columns, setColumns] = useState([
    { title: 'お客様コード', field: 'customerid'},
    { title: '会社名', field: 'companyname', initialEditValue: 'initial edit value' },
    { title: '部署', field: 'department' },
    {title: '担当者',field: 'representative',lookup: { 1: 'Aran', 2: '田中' },},
  ]);

  const [data, setData] = useState([]);

  const tableRef = useRef();

  return (
    <MaterialTable title="テーブル" className="materialTable" tableRef={tableRef} columns={columns}
//下記はテーブルのデータを外部から取得しようとしている処理
    // data ={query =>
    //     new Promise ((resolve,reject) => {
    //       let postForm= new FormData();　←　FormData形式で送る必要がある？
    //       const  customerid='';
    //       postForm.append('customerid',customerid);         
    //       fetch('http://localhost/MyWeb0711/getcustomerinfo.php', {
    //         method: 'POST',
    //         body:postForm,
    //       })
    //         .then(response =>  response.text())
    //         .catch((error) => {
    //           console.log(error.response);
    //         })
    //         .then(result => {
    //           resolve({
    //             data: result.data,
    //             })
    //           });
    //     })
    // }
    options={{exportButton: true, }}
      editable={{
        onRowAdd: newData =>
          new Promise((resolve, reject) => {
            setTimeout(() => {
              setData([...data, newData]);             
              resolve();
            }, 1000)
          }),
        onRowUpdate: (newData, oldData) =>
          new Promise((resolve, reject) => {
            setTimeout(() => {
              const dataUpdate = [...data];
              const index = oldData.tableData.id;
              dataUpdate[index] = newData;
              setData([...dataUpdate]);

              resolve();
            }, 1000)
          }),
        onRowDelete: oldData =>
          new Promise((resolve, reject) => {
            setTimeout(() => {
              const dataDelete = [...data];
              const index = oldData.tableData.id;
              dataDelete.splice(index, 1);
              setData([...dataDelete]);
              
              resolve()
            }, 1000)
          }),
      }}
    />
  );
};