Warning: React does not recognize the `basePath` prop on a DOM element.

Expected Behaviour: No warning of prop when Grid component is used inside SimpleForm component.

Current Behaviour: Getting below warning.

2.chunk.js:363015 Warning: React does not recognize the `basePath` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `basepath` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
    in div (created by ForwardRef(Grid))
    in ForwardRef(Grid) (created by WithStyles(ForwardRef(Grid)))
    in WithStyles(ForwardRef(Grid)) (at boqitemcreate.js:129)
    in div (created by FormInput)

Code:

<SimpleForm toolbar={<BoQCreateToolbar />} redirect={redirect}>
					<Grid container spacing={1} style={{ width: 'auto' }}>
						<Grid item xs={4}>

Environment

• React-admin version: 3.1.1
• Last version that did not exhibit the issue (if applicable):
• React version: 16.12.0
• Browser: Chrome/Opera
• Stack trace (in case of a JS error):

[waynebloss]

Here’s an quick workaround that works by throwing away any props normally passed to an input:

export const NonInput = React.memo(function NonInput({ children }) {
  return children;
});

I use it in my <SimpleForm> to add notes and other non-input items to my forms:

      <TextField source="otherField" />
      <NonInput>
        <Typography color="error">
          Important note that is always visible and has it's own layout outside of any field!!
        </Typography>
      </NonInput>

[fzaninotto]

SimpleForm expects Input or Field components as children (as explained in the documentation). So it’s normal that you see warnings if you pass anything else.

for your use case, you need a custom form component.