Type 'Timeout' is not assignable to type 'number'

Description

After upgrading to the latest version, all the setTimeouts and SetIntervals types are broken. It turned out that somehow RN-Gesture-Handler picks the Node types as default instead of the RN types. Also, these are related to this issue:

• https://github.com/software-mansion/react-native-gesture-handler/pull/1420

• https://github.com/software-mansion/react-native-gesture-handler/issues/1384

Platforms

• iOS
• Android
• Web

Screenshots

Steps To Reproduce

1. Clone the latest version
2. install node_modules for both root directory and the example project
3. Add this snippet to the App.tsx

  const myTimer = React.useRef(0);

  React.useEffect(() => {
    myTimer.current = setTimeout(() => {
      console.log('Hello');
    }, 1000);
  }, []);

1. You will get this error:

Type 'Timeout' is not assignable to type 'number'

1. Go to root directory and open the tsconfig.json
2. Change the types value from ["node", "jest"] to []
3. The error will disappear

Expected behavior

It should respect RN types

Actual behavior

It uses node types

Snack or minimal code example

Package versions

• React: 17.0.2
• React Native: 0.65.2
• React Native Gesture Handler: 2.3.2
• React Native Reanimated: 2.4.1

[hamidhadi]

You are right. Sorry for the confusion. Yes, I got the same result on the fresh app, which wasn’t the case when I created this issue. I’ll continue following up on this in the RN repo. 👍

[j-piasecki]

Hi @hamidhadi, Are you sure it’s because of Gesture Handler 😅 ? I’m asking because I just tried, and I got this error on a fresh RN 0.68 app without installing any additional libraries (it went away after I added "types": [] to tsconfig.json), while it’s fine in the Example app.