reactjs - 当使用 Material UI 切换深色模式时，Formio 表单的字体颜色更改为白色

Question

暗模式之前 暗模式 之后我在 React JS 应用程序中使用暗模式和 Formio 表单的 Material UI。单击深色模式按钮时，Material UI 将渲染的 Formio 表单的字体颜色更改为白色，但 formio 表单的背景颜色保持为白色。这是我的以下formio示例代码

const Customerformgrid = () => {

    useEffect(() => {
        Formio.createForm(document.getElementById('test'), {
            components: [{
              "label": "",
              "tableView": true,
              "rowDrafts": false,
              "key": "editGrid",
              "type": "editgrid",
              "displayAsTable": true,
              "components": [{

              }]
            }).then(function(form) {

                form.submission = {
                  data: {
                    editGrid: [{

                        "Subsmission data"
                      }
                    }
                  ],
                }
              };
            });
        });

      return (

        <
        div className = "panel panel-primary grid-container card" >
        <
        div className = "panel-heading card-header" >
        Customer Details <
        /div> <
        div id = 'test' >
        <
        /div> < /
        div >
      );
    };

    export default Customerformgrid;