reactjs - UI-Kitten ナビゲーション コンポーネントの useStyleSheet フックによる無効なフック呼び出しエラー

Question

カスタム スタイルを UI-Kitten の下部タブ バーに適用しようとすると、「無効なフック呼び出し」エラーが発生します。

• 機能部品です。
• 複数の反応インスタンスがあるとは思いません。npm ls react1 つのインスタンスのみを示します。
• 同じアプリの別のコンポーネントでこの同じフックを問題なく使用しています。
• アプリ全体での他のフックの使用も問題ありません。

import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
...

function BottomTabBar({navigation, state}) {
    const myStyles = useStyleSheet(themedStyles);
    
    const onSelect = (index) => {
        navigation.navigate(state.routeNames[index]);
    };

    return (
        <BottomNavigation selectedIndex={state.index} onSelect={onSelect} style={myStyles.bottomNav}>
            <BottomNavigationTab icon={HomeIcon} title="Home" />
            <BottomNavigationTab icon={CreateIcon} title="CreateThing" />
            <BottomNavigationTab icon={SettingIcon} title="Settings" />
        </BottomNavigation>
    );
}

...
const BottomTab = createBottomTabNavigator();

const TabNavigator = () => {
    return (
        <BottomTab.Navigator initialRouteName="Home" tabBar={BottomTabBar}>
            <BottomTab.Screen name="Home" component={Home} />
            <BottomTab.Screen name="CreateThing" component={CreateThing} />
            <BottomTab.Screen name="Settings" component={Settings} />
        </BottomTab.Navigator>
    );
};

const themedStyles = StyleService.create({
    bottomNav: {
        backgroundColor: 'color-primary-default',
    },
});

export default TabNavigator;

フックがルールを破っているようには見えません。ここで何が起こっているのですか？