Typescript import errors

[KiranMohan]

Is the typescript definition correct? Only the below import syntax worked for me.
import * as HTMLReactParser from 'html-react-parser';
But this gives a build error
Cannot invoke an expression whose type lacks a call signature. Type 'typeof import("app/node_modules/html-react-parser/index")' has no compatible call signatures

Expected Behavior

Compilation goes fine without error.
No errors in browser console at runtime.

Actual Behavior

Compilations errors reported.
Runs fine in browser

Steps to Reproduce

see above

Environment

• Version: 0.10.0
• Platform: Windows
• Browser: Chrome 79.0.3945.88

[chpio]

import htmlReactParser from 'html-react-parser'; seem to work for me, but im using normal es and ts just for type checking.

replace is also mandatory, you can't pass in an undefined: {replace: undefined} you need {replace: (() => undefined)} to please the type

[remarkablemark]

@KiranMohan sorry for the late response but as @chpio mentioned, you should be able to import the default export:

import HTMLReactParser from 'html-react-parser';

You can see this is the recommended approach in the README or interact with the CodeSandbox demo.

---

@chpio The 2nd argument should be optional. But I could technically loosen the strict checking of replace if an empty object is passed.

[chpio]

@chpio The 2nd argument should be optional.

yeah it is, but you can not pass in replace conditionally, just the whole options object.

[remarkablemark]

@chpio I see, would it be better if I made replace optional in the object?

[remarkablemark]

@chpio I made replace type optional.

See html-react-parser@0.10.1:

# npm
npm i -S html-react-parser@0.10.1

# yarn
yarn add html-react-parser@0.10.1

[remarkablemark]

I will be closing this issue.

If there are additional questions, feel free to reopen or create a new issue @KiranMohan @chpio