One tooltip, many anchors

One of the big advantages of react-tooltip <= v4 was you could have a single tooltip somewhere in the root of your application and just scatter the data-tip attribute around your application and it would “just work”. It looks like having a specific anchorId -> id relationship in v5 enforces a 1:1 relationship. Unless undocumented, can we support or provide non-verbose ways to achieve this? Thanks.

[gabrieljablonski]

@jamieshepherd

I believe this example should help reduce the worries about verbosity. The only relevant thing not shown below is that the component must be inside the provider.

function WithProviderMinimal() {
  return (
    <section style={{ marginTop: '100px' }}>
      <p>
        <TooltipWrapper place="bottom" content="Shared Global Tooltip">
          <button>Minimal 1</button>
        </TooltipWrapper>
        <TooltipWrapper place="right" content="Shared Global Tooltip">
          <button>Minimal 2</button>
        </TooltipWrapper>
      </p>
      <Tooltip />
    </section>
  )
}

Just missing some more testing, this should be live soon.

[danielbarion]

https://react-tooltip.com/docs/examples/multiple-anchors