Property 'use:tippy' does not exist on type HTMLAttributes

[b-des]

Hello @LXSMNSYC. I want to use your bindings but I faced with TS compilation error:   Property 'use:tippy' does not exist on type 'HTMLAttributes<HTMLDivElement>'.

Also I tried to use it as a hook, but it simply doesn't work - nothing happens.

Do you have any idea how to fix it?

[b-des]

Adding //@ts-ignore in JSX causes another error: tippy is not defined. My code:

[lxsmnsyc]

Hi, thanks for reporting this issue. I forgot to mention on how directives are to be set up. You can follow this: https://www.solidjs.com/docs/latest/api#use%3A___

Then setup something like this:

import { TippyOptions } from 'solid-tippy';

declare module "solid-js" {
  namespace JSX {
    interface Directives {
      tippy: TippyOptions;
    }
  }
}

Another thing to note is that TypeScript doesn't understand directives, so it may remove the imports because it thinks that it is unused. However, you can do

import { tippy } from 'solid-tippy';
tippy; // emulate "usage"

[b-des]

Thank you for the answer. I've already managed. It's really tricky that TS removes imports which is used as a directives, it was bypassed by re-assigning the import to another constant