react-native-collapsible-tab-view: [bug] When switch between tabs, there is a blank space at the top if use Tabs.ScrollView

Hey 👋 When I switch between tabs, there is a blank space at the top if I use Tabs.ScrollView: "react-native-collapsible-tab-view": "^6.1.4"

Code:

const tabs = useMemo(
() => [
	{ key: 'about', title: 'T' },
	{ key: 'products', title: 'A' },
	{ key: 'categories', title: 'S' },
	{ key: 'reviews', title: 'F' },
],
[],
);

const renderHeader = useCallback(() => {
return <Header title={storeName} />;
}, []);

return (
<View style={{ flex: 1, backgroundColor: colors.gray100 }}>
	<Tabs.Container
		headerHeight={undefined}
		renderTabBar={(props) => (
			<MaterialTabBar
				{...props}
				activeColor={colors.primary}
				inactiveColor={colors.gray900}
				labelStyle={styles.labelStyle}
				tabStyle={styles.tabStyle}
				scrollEnabled
				indicatorStyle={styles.indicatorStyle}
				contentContainerStyle={{
					gap: scale.sx,
				}}
			/>
		)}
		renderHeader={renderHeader}
		headerContainerStyle={styles.tabBarStyle}>
		{tabs.map((tab) => {
			switch (tab.key) {
				case 'about':
					return (
						<Tabs.Tab name={tab.title} key={'about'}>
							<AboutTab />
						</Tabs.Tab>
					);
				case 'products':
					return (
						<Tabs.Tab name={tab.title} key={'products'}>
							<ProductsTab translationY={translationY} />
						</Tabs.Tab>
					);
				case 'categories':
					return (
						<Tabs.Tab name={tab.title} key={'categories'}>
							<CategoriesTab />
						</Tabs.Tab>
					);
				case 'reviews':
					return (
						<Tabs.Tab name={tab.title} key={'reviews'}>
							<ReviewsTab />
						</Tabs.Tab>
					);
				default:
					return null;
			}
		})}
	</Tabs.Container>
</View>
);