Upgrade to expo 56

front/src/app/(app)/(tabs)/admin/_layout.tsx

@@ -1,15 +1,16 @@
+import { Slot, withLayoutContext } from "expo-router";
 import {
 	createMaterialTopTabNavigator,
 	type MaterialTopTabNavigationEventMap,
 	type MaterialTopTabNavigationOptions,
-} from "@react-navigation/material-top-tabs";
-import type {
-	NavigationProp,
-	ParamListBase,
-	TabNavigationState,
-} from "@react-navigation/native";
-import { useFocusEffect, useNavigation } from "@react-navigation/native";
-import { Slot, withLayoutContext } from "expo-router";
+} from "expo-router/js-top-tabs";
+import {
+	type NavigationProp,
+	type ParamListBase,
+	type TabNavigationState,
+	useFocusEffect,
+	useNavigation,
+} from "expo-router/react-navigation";
 import { useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { Platform } from "react-native";

front/src/primitives/image/image.tsx

@@ -1,11 +1,11 @@
 import { Image as EImage } from "expo-image";
-import KyooLogo from "public/icon.svg";
 import type { ComponentProps } from "react";
 import { type ImageStyle, Platform, View, type ViewProps } from "react-native";
 import { withUniwind } from "uniwind";
 import type { KImage } from "~/models";
 import { useToken } from "~/providers/account-context";
 import { cn } from "~/utils";
+import KyooLogo from "~public/icon.svg";
 import { Skeleton } from "../skeleton";
 
 const Img = withUniwind(EImage);

front/src/providers/index.tsx

@@ -1,9 +1,9 @@
 import { PortalProvider } from "@gorhom/portal";
+import { HydrationBoundary, QueryClientProvider } from "@tanstack/react-query";
 import {
 	DefaultTheme,
 	ThemeProvider as RNThemeProvider,
-} from "@react-navigation/native";
-import { HydrationBoundary, QueryClientProvider } from "@tanstack/react-query";
+} from "expo-router/react-navigation";
 import { type ReactNode, useState } from "react";
 import { SafeAreaListener } from "react-native-safe-area-context";
 import {

front/src/ui/error-boundary.tsx

@@ -5,7 +5,7 @@ import { RetryableError } from "~/models/retryable-error";
 import { Button, H1, P } from "~/primitives";
 import "../global.css";
 import "~/fonts.web.css";
-import { Header, SafeAreaProviderCompat } from "@react-navigation/elements";
+import { Header, SafeAreaProviderCompat } from "expo-router/react-navigation";
 import { useCSSVariable } from "uniwind";
 import { NavbarProfile, NavbarTitle } from "~/ui/navbar";
 

front/src/ui/navbar.tsx

@@ -8,9 +8,8 @@ import Person from "@material-symbols/svg-400/rounded/person-fill.svg";
 import Play from "@material-symbols/svg-400/rounded/play_arrow-fill.svg";
 import Search from "@material-symbols/svg-400/rounded/search-fill.svg";
 import Settings from "@material-symbols/svg-400/rounded/settings.svg";
-import { useIsFocused } from "@react-navigation/native";
 import { useNavigation, usePathname, useRouter } from "expo-router";
-import KyooLongLogo from "public/icon-long.svg";
+import { useIsFocused } from "expo-router/react-navigation";
 import {
 	type ComponentProps,
 	type ComponentType,
@@ -49,6 +48,7 @@ import {
 import { useAccount, useAccounts } from "~/providers/account-context";
 import { logout } from "~/ui/login/logic";
 import { cn, useQueryState } from "~/utils";
+import KyooLongLogo from "~public/icon-long.svg";
 
 export const NavbarLeft = () => {
 	const { t } = useTranslation();