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
1import MaterialTable from "material-table";
2import React, { useState, useRef} from 'react';
3
4
5export const Table = () => {
6  const [columns, setColumns] = useState([
7    { title: 'お客様コード', field: 'customerid'},
8    { title: '会社名', field: 'companyname', initialEditValue: 'initial edit value' },
9    { title: '部署', field: 'department' },
10    {title: '担当者',field: 'representative',lookup: { 1: 'Aran', 2: '田中' },},
11  ]);
12
13  const [data, setData] = useState([]);
14
15  const tableRef = useRef();
16
17  return (
18    <MaterialTable title="テーブル" className="materialTable" tableRef={tableRef} columns={columns}
19//下記はテーブルのデータを外部から取得しようとしている処理
20    // data ={query =>
21    //     new Promise ((resolve,reject) => {
22    //       let postForm= new FormData();　←　FormData形式で送る必要がある？
23    //       const  customerid='';
24    //       postForm.append('customerid',customerid);         
25    //       fetch('http://localhost/MyWeb0711/getcustomerinfo.php', {
26    //         method: 'POST',
27    //         body:postForm,
28    //       })
29    //         .then(response =>  response.text())
30    //         .catch((error) => {
31    //           console.log(error.response);
32    //         })
33    //         .then(result => {
34    //           resolve({
35    //             data: result.data,
36    //             })
37    //           });
38    //     })
39    // }
40    options={{exportButton: true, }}
41      editable={{
42        onRowAdd: newData =>
43          new Promise((resolve, reject) => {
44            setTimeout(() => {
45              setData([...data, newData]);             
46              resolve();
47            }, 1000)
48          }),
49        onRowUpdate: (newData, oldData) =>
50          new Promise((resolve, reject) => {
51            setTimeout(() => {
52              const dataUpdate = [...data];
53              const index = oldData.tableData.id;
54              dataUpdate[index] = newData;
55              setData([...dataUpdate]);
56
57              resolve();
58            }, 1000)
59          }),
60        onRowDelete: oldData =>
61          new Promise((resolve, reject) => {
62            setTimeout(() => {
63              const dataDelete = [...data];
64              const index = oldData.tableData.id;
65              dataDelete.splice(index, 1);
66              setData([...dataDelete]);
67              
68              resolve()
69            }, 1000)
70          }),
71      }}
72    />
73  );
74};
75
76