Tabs validate parent is proper tab container

[tankztz]

All Submissions:

• Have you followed the guidelines stated in CONTRIBUTING.md file?
• Have you checked to ensure there aren't any other open Pull Requests for the desired changed?

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)

After these steps, you're ready to open a pull request.

a. Give a descriptive title to your PR.

b. Describe your changes.

c. Put `closes #XXXX` in your comment to auto-close the issue that your PR fixes (if such).

[tankztz]

closes #2173

[masenf]

is there a reason why using _valid_children didn't work for this case?

[tankztz]

is there a reason why using _valid_children didn't work for this case?

The requirement here is: when user create a component of rx.SomeComponent(rx.TabList) we need to report error.

_valid_children means "only components that are allowed as children". Adding TabList as _valid_children for Tabs doesn't fix the bug because the parent of TabList could be anything.

Here are two ideas:

1. Declare TabList as invalid child for all component except Tabs - it is changing too many things
2. Declare the parent of TabList should only be Tabs - This is what I'm doing

[masenf]

What about making TabList and TabPanels and _valid_children of Tabs though? Just taking everything up a level.

Okay wait, that's what you already said... let me think about it a bit more.

[tankztz]

@masenf Any follow-ups?

[picklelo]

nice addition - this will be useful for our new radix components as well which have nested components like this.