Making Pressable onHoverIn Typescript happy?

[jysung]

I use react-native-web as an alias of react-native.
This web package has additional props like onHoverIn & onHoverOut on Pressable, does anyone have any idea how I would make Typescript happy? Thanks!

  Property 'onHoverIn' does not exist on type 'IntrinsicAttributes & PressableProps & { children?: ReactNode; }'.ts(2322)

[shawngustaw]

You can use declaration merging to annotate web specific properties you're using, i.e.:

// overrides.d.ts
import type { MouseEvent } from 'react';

declare module 'react-native' {
  interface TouchableWithoutFeedbackProps {
    onHoverIn?: (event: MouseEvent<HTMLElement>) => void;
    ...
  }
}

This has been working for me. Hope it helps!