dist folder index.ems.js has module parse error with babel loader about react-idle-timer HOT 6 CLOSED

Sounds like you are using an old version of webpack or node. Try using the full path:

import { useIdleTimer } from 'react-idle-timer/dist/index.legacy.cjs.js'

or if you want ECMAScript modules:

import { useIdleTimer } from 'react-idle-timer/dist/index.legacy.esm.js'

from react-idle-timer.

Huge thanks. It worked.

from react-idle-timer.

Glad to help!

from react-idle-timer.

Hey there! If you are having issues with bundling es6 code you can try the new legacy build. Details are here:

https://idletimer.dev/docs/getting-started/installation#legacy-browser-support

If you are using a modern node you can just change:

import { useIdleTImer } from 'react-idle-timer'

to:

import { useIdleTImer } from 'react-idle-timer/legacy'

Please reopen this issue if you are still having problems.

from react-idle-timer.

Hi, I updated to the latest version 5.7.0 and tried your suggestion. But it gave me another error of Module not found: Can't resolve 'react-idle-timer/legacy' in myTimer.js. When I removed the /legacy, it gave me the same old error. And I don't think I have the rights to reopen issue here. Thanks.

from react-idle-timer.

@SupremeTechnopriest - I have tried implementing this in React with Typescript project, and getting below error. Could not find a declaration file for module 'react-idle-timer/dist/index.legacy.esm.js'.

from react-idle-timer.