Haxe

So I have a callback from a component that has the following layout

```haxe
{
  navigation: {
    navigation: {
      navigation();
      //,,,
    },
    route: {}  
  }
}
```

Is there a way I can create a way to just auto go down one level?

It appears like the javascript definition is by defining something like:
```function foo({route, navigation})``` in the callback

3 levels already seem almost crazy to me x)

the extern definition is:
```haxe
typedef Props = {
    navigation: {}
    route: {}  
}
```

But is there a trick to separate this into params instead, perhaps?

So instead of needing to `data.navigation.stuff();`

I could have the function just do `navigation.stuff()` and `route.stuff()` instead

So instead of:
```haxe
function data(props) {
  props.navigation.navigate();
  props.route.pop();
}
```
I could have:
```haxe
function data(navigation, route) {
  navigation.navigate();
  route.pop();
}
```

regular haxe code prob wont allow this but I wonder if there's some extern magic that could

https://github.com/haxetink/tink_anon#splat

how do I reproduce the extern api for react stuff that have things like `<Stack.Tab />` this used to be possible with haxe jsx but I can't seem to get it anymore

has things changed with react-next and I basically have to just create a `StackTab` component separately?

Oh, you mean calling it.. well `<Tab />` or indeed `<StackTab />` (but you can just `import Stack.Tab as StackTab` for that)

`static var Tab:ReactType` won't work with coconut because it won't know the prop types