Change formats props make editor disappear

[aliakbarazizi]

Ticket due diligence

• I have verified that the issue persists under ReactQuill v2.0.0-beta.2
• I can't use the beta version for other reasons

ReactQuill version

• v2.0.0

FAQ

Is this a bug in Quill or ReactQuill? ReactQuill

When I try to change formats on some events it make editor to disappear

demo: https://codesandbox.io/s/ancient-lake-nss6wi?file=/src/App.js

[aliakbarazizi]

This issue only exist in v2.0.0 and in v1 there is no problem

[duhdugg]

I am getting the same when changing the theme prop.

Demo: https://codesandbox.io/s/elated-hodgkin-39380o?file=/src/App.js

[duhdugg]

PR #838 submitted

[cmrd-senya]

Is it the same as #833 ?

[duhdugg]

Is it the same as #833 ?

I think so. My PR should fix both.

[esetnik]

@zenoamaro can we get #833 merged and released please? v2.0.0 doesn't work at all with react 18.

[jeffdrumgod]

Same problem here, and successfully fixed with the changes of @duhdugg. Tks man!
@zenoamaro @aliakbarazizi can help us accepting PR #838 plz <3 ?

[bravodavid56]

bump on this
@zenoamaro

[jordanmiguel]

Bumping @zenoamaro

[ido-journey]

bumping @zenoamaro

[supaset21]

bumping @zenoamaro

[abrarhayat]

Bumping @zenoamaro

[ondravondra]

is this library even supported anymore ? this caused critical error on our production!!! how is this not fixed for almost 2 years?

[esetnik]

@ondravondra Are you willing to maintain a fork? I think the project has been abandoned.

[abrarhayat]

@esetnik I am interested in maintaining a fork.

[esetnik]

@abrarhayat ok great, want to setup a repo and get something published on NPM?

[abrarhayat]

Here is my fork:

https://github.com/abrarhayat/react-quill-abrarhayat

And here it is released:

https://www.npmjs.com/package/react-quill-abrarhayat

This release has the fix from @duhdugg

[nazmul-bzs]

We can fix this problem by extending the ReactQuill component and doing some modification.

class ReactQuillFixed extends ReactQuill {
    destroyEditor(): void {
        super.destroyEditor();

        delete this.editor;
    }
}