問題タブ [material-table]

マテリアル UI テーブルにデータをロードするための GraphQL クエリを作成しています。スクロール時により多くのデータをロードしたい。

データはテーブルに正しく入力されていますが、ページネーションは正しく機能していません。

コードの実行中にエラーは表示されませんが、スクロール時にさらにデータが読み込まれません。スタック オーバーフローの制限のため、重要でないコードをいくつか削除しました。提供する必要がある場合はお知らせください。どんな助けでも大歓迎です。

新しい行を追加するときに独自の検証を行っているmaterial-tableため、フィールドが欠落している新しい行を作成することはありません。問題は、作成を防止しようとしていますが、行を閉じずに、ユーザーが書き込んだデータを編集可能な状態に保ち、失われないようにすることです。行を編集可能にしておくことをちょっと解決しましたが、フィールドを検証すると、ユーザーが入力したすべてのデータがリセットされます。

material-table コンポーネントを使用しており、steppedページネーション スタイルを使用しています。動作しますが、いくつかのコンソール警告が生成されます:

警告: リスト内の各子には、一意の「キー」小道具が必要です。

失敗した prop タイプ: ForwardRef(Button) に指定されたデフォルト値の無効な prop バリアントです。["text","outlined","contained"] のいずれかが必要です。

pageSize、pageSizeOptions、showFirstLastPageButtons など、ページネーションに関連する他のさまざまなオプションを使用して、警告を排除しようとしました。