Hey, to add a text area into your REACT MDB bootstrap, this is the proper way:

<MDBTextArea  wrapperClass='mb-4' textarea="true" id='comments' rows={4} label='Comments' />

 

I read the documentation and it was giving wrong information. In the forms overview page, it was showing as:

<MDBInput wrapperClass='mb-4' textarea id='form4Example3' rows={4} label='Message' />

 

This is incorrect, use <MDBTextArea> instead.

Also per the second link below in the extended area, I was using the provided code:

<MDBTextArea contrast id='textAreaExample' label='message' rows={4}></MDBTextArea>

 

This is also incorrect, I got this error: Warning: Received `true` for a non-boolean attribute `textarea`.

The correct format is the following and it wont show an error in your console: notice the textarea="true"

<MDBTextArea  wrapperClass='mb-4' textarea="true" id='comments' rows={4} label='Comments' />

 

resources:

  1. https://mdbootstrap.com/docs/react/forms/overview/ [Wrong Information]
  2. https://mdbootstrap.com/docs/react/extended/textarea/ [innacurate Information]