React-quill: Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>

[AlexKovalevych]

getting the same error

[zhang-z]

hi, did you install through master branch or v0.4.1 ? It's supposed to be fixed in pull request #73 . Not released yet

[AlexKovalevych]

Yes, i've reinstalled it with:

npm i git+https://github.com/zenoamaro/react-quill.git

and error has gone, thanks!

[zenoamaro]

Sorry about the delay. The fix will be out soon.

[sahanDissanayake]

still has error. Could you please give us an ETA for the new release ?

thanks

[Jock924491]

I am having error with this as well

[patotoma]

+1

[SteveOscar]

+1

[GuillaumeCisco]

+1
The master branch does not give me the error anymore.

[sarkistlt]

+1 'master branch'
When will you update npm?

[4nte]

+1
npm package still not updated

[Promphut]

+1
npm package still not updated

[YouHan26]

+1
npm package still not updated

[apers]

+1
npm package

[altayaydemir]

+1 for npm package 🤔

[acomito]

+1

[intpp]

@zenoamaro can you update npm package?

last version in npm - 0.4.1, in current package.json 2.0.1

[ohshhh]

npm - 0.4.1 still broken,
npm i git+https://github.com/zenoamaro/react-quill.git - solution

[GuillaumeCisco]

@zenoamaro is it possible to get the 1.0.0 release from the npm registry?

[sarkistlt]

npm i -S [email protected]

[volkandkaya]

I'm getting this error on v1.2.3. Any way to fix it?

[miukimiu]

@volkandkaya I was getting the same error and fix it this way:

<select className="ql-size" value={this.state.fontSize} onChange={this.handleFontSizeChange}>
  <option value="extra-small">Extra Small</option>
  <option value="small">Small</option>
  <option value="medium">Medium</option>
  <option value="large">Large</option>
</select>

You can read more about this issue here:
https://reactjs.org/docs/forms.html

The way to solve it is to put a value on the select tag and then have a handleFontSizeChange function:

handleFontSizeChange(event) {
    this.setState({
      fontSize: event.target.value,
    });
  }