React-quill: JSX element type 'ReactQuill' does not have any construct or call signatures.

[Hereward]

I'm working in Typescript. I have implemented code as per ReadMe instructions but I get an odd Typescript error: "JSX element type 'ReactQuill' does not have any construct or call signatures." on the JSX component (see image).

The editor does render ok, so I'm not sure what the error message is all about.

[Hereward]

Update
this syntax works: const ReactQuill = require('react-quill');
this fails: import ReactQuill from 'react-quill';
this generates error but renders: import * as ReactQuill from "react-quill";
Note: I am compiling to ES6.

[alexkrolick]

I think this is fixed as of #349

[ycjcl868]

not work.
"react-quill": "^1.3.1",

[AhmadiRamin]

Any update? I'm still getting this error!

[paigeflourin]

i also get this error.

[paigeflourin]

not sure but i managed to make it work by using this import:

import ReactQuill, {Quill} from 'react-quill';

i am using react typescript.

[alexkrolick]

I think the import * as syntax is the problem, not sure what if it's a typescript version difference or something with the Quill or ReactQuill definitions themselves.

[zscaiosi]

@paigeflourin solution works!

[leoseccia]

same issue here :(

[aplaxas]

#349 is working for me.

// type.d.s
export class ReactQuill extends React.Component {
focus(): void;
blur(): void;
getEditor(): Quill.Quill;
}
export { Quill } from "quill";
export = ReactQuill;

// code
import * as ReactQuill from 'react-quill';
import 'react-quill/dist/quill.snow.css'

[iamwill123]

All you need to do is add declare module 'react-quill'; to your ./index.d.ts file for example: