question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

All Tippy props are marked as required

See original GitHub issue

Hi there,

When I use <Tippy> in my Typescript project, it looks like it expects to get a huge amount of props: image

Moreover, when using the autocomplete option for components, this is what happens: tippy

(using Webstorm)

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:17 (11 by maintainers)

github_iconTop GitHub Comments

4reactions
Lynith1commented, Jul 2, 2020

@atomiks I noticed if I made it Partial<Omit<Props, ‘content’ | ‘renderer’>> Webstorm seemed to handle it properly and the errors went away.

There shouldn’t be a difference between the two implementations, yeah? Props -> Make all Optional -> Omit content and renderer Props -> Omit content and renderer -> Make all Optional

Only problem is every time I update, it’s going to undo that change.

2reactions
atomikscommented, Apr 12, 2020

I just downloaded Webstorm on Mac and the issue doesn’t happen 🤔 maybe a Windows thing?

Read more comments on GitHub >

github_iconTop Results From Across the Web

All Props | Tippy.js - GitHub Pages
Prop Default Description plugins Specify plugins to use. See Plugins for details. role "tooltip" Specifies the role attribute on the tippy element. zIndex 9999 Determines the...
Read more >
reactjs - TS2739: Unable to consume custom Tippy wrapper ...
This code builds successfully. But when I try to use this component in module library, typescript only acknowledges hook and style props. All...
Read more >
React component for Tippy.js For more information ... - Snyk
Tippy.js splits certain props into separate pieces of code called plugins to enable treeshaking, so that users who don't need the prop's functionality...
Read more >
Positioning a tooltip in React using Tippy - LogRocket Blog
Learn how to customize tooltips in React using Tippy.js, ... and is useful for displaying additional information that a user may need.
Read more >
React: Type is missing the following properties from type
To solve the error, make sure to provide all of the props that are required in the component. type missing following properties from...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found