Getting Error: useTabsContext must be inside a Tabs.Container

[RaviDhakadDO]

Hello,
I am getting following error while using hooks that are provided in documentation such as :- useCurrentTabScrollY();

ERROR Error: useTabsContext must be inside a Tabs.Container

Here is the configuration

"react-native": "0.73.0",
"react-native-collapsible-tab-view": "7.0.1"

Below is the example

import { Tabs, useCurrentTabScrollY } from "react-native-collapsible-tab-view";

 const Example: React.FC = () => {
	const scrollY = useCurrentTabScrollY();

	return (
        <Tabs.Container
			renderHeader={Header}
			headerHeight={HEADER_HEIGHT} 
		>
			<Tabs.Tab name="A">
				<Tabs.FlatList
					data={DATA}
					renderItem={renderItem}
					keyExtractor={identity}
				/>
			</Tabs.Tab>
			<Tabs.Tab name="B">
				<Tabs.ScrollView>
					<View style={[styles.box, styles.boxA]} />
					<View style={[styles.box, styles.boxB]} />
				</Tabs.ScrollView>
			</Tabs.Tab>
		</Tabs.Container>
)
}

Kindly provide help me on this.

[Gaohaoyang]

same here

[nerodroid]

Have the same issue here. @Gaohaoyang @RaviDhakadDO found anything useful ?

[alextbogdanov]

Same here!

[hamzawii]

Same here

[alextbogdanov]

I was able to fix it by taking out the part that needs to use the context as a separate component, adding the hook there and then nesting it in the <Tabs.Container>

[fistofzen]

help?