ui:submitButtonOptions don't work.

Prerequisites

• I have read the documentation;
• In the case of a bug report, I understand that providing a SSCCE example is tremendously useful to the maintainers.
• Ideally, I’m providing a sample JSFiddle or a shared playground link demonstrating the issue. (Code Repo)

Description

None of the ui:submitButtonOptions work on @rjsf/material-ui@4.1.1 or @rjsf/core@4.1.1

Steps to Reproduce

1. Check out this codebase https://github.com/dwjohnston/rjsf-bug
2. yarn && yarn start
3. Note that the submit button is not customised.

Code for quick reference:

function App() {
  return (
    <div className="App">

      <Form
        uiSchema={{
          "ui:submitButtonOptions": {
            "submitText": "Confirm Details",
            "norender": false,
            "props": {
              "disabled": false,
              "className": "btn btn-info"
            }
          },
          "firstName": {
            "ui:autofocus": true,
            "ui:emptyValue": "",
            "ui:autocomplete": "family-name"
          },
          "lastName": {
            "ui:title": "Surname",
            "ui:emptyValue": "",
            "ui:autocomplete": "given-name"
          },
          "age": {
            "ui:widget": "updown",
            "ui:title": "Age of person",
            "ui:description": "(earthian year)"
          },
          "bio": {
            "ui:widget": "textarea"
          },
          "password": {
            "ui:widget": "password",
            "ui:help": "Hint: Make it strong!"
          },
          "date": {
            "ui:widget": "alt-datetime"
          },
          "telephone": {
            "ui:options": {
              "inputType": "tel"
            }
          }
        }}
        schema={{
          "title": "A registration form",
          "description": "A simple form example. Demonstrating ui options",
          "type": "object",
          "required": [
            "firstName",
            "lastName"
          ],
          "properties": {
            "firstName": {
              "type": "string",
              "title": "First name",
              "default": "Chuck"
            },
            "lastName": {
              "type": "string",
              "title": "Last name"
            },
            "telephone": {
              "type": "string",
              "title": "Telephone",
              "minLength": 10
            }
          }
        }}
      />


    </div>
  );
}

Expected behavior

The submit button should be customised as per the documentation and sandbox example.

Curiously enough, this issue is not present on the sandboxes.

Actual behavior

None of the submitButtonOptions appear to work.

Version

4.1.1

[dwjohnston]

I’m wondering if the package simply hasn’t been published since this feature was added. #2640 was merged 13 days ago, but npm says last publish was a month ago.

[jacqueswho]

Please use latest version 4.2.0