Tabs should warn when different ids are used in Tabs.Item and Tabs.Panel

[NicholasBoll]

💡 Suggestion

If the developer uses a different id scheme for Tabs.Item and Tabs.Panel, the two will not be connected and it isn't always obvious why. It could be a typo. Since there may be a valid reason for a developer to use a different data-id, it should be a dev-only warning with a helpful suggestion.

Motivation

I think it would waste less time overall if the system could give useful and contextual information. Both less time wasted by product developers and less time spent by maintainers.

Example

<Tabs>
  <Tabs.List>
    <Tabs.Item data-id="one">One</Tabs.Item>
  </Tabs.List>
  <Tabs.Panel data-id="none">Ooops</Tabs.Item>
</Tabs>