I got an error when trying to start expo app with latest ui-kitten package (5.3.0):
The app was created with latest expo app (react 19.1.0)
npx create-expo-app@latest
npm run reset-project
And then installed ui-kitten as said in docs:
npm i @ui-kitten/components @eva-design/eva
expo install react-native-svg@9.13.6
npm start -- --reset-cache
Connected provider and icons in root layout (app/_layout.tsx):
import { ApplicationProvider, IconRegistry } from '@ui-kitten/components';
import { EvaIconsPack } from '@ui-kitten/eva-icons';
import * as eva from '@eva-design/eva';
import { Stack } from "expo-router";
export default function RootLayout() {
return (
<>
;
>
)
}
app/index.tsx file:
import { LoginButton } from "@/components/LoginButton";
import { View } from "react-native";
export default function Index() {
return (
);
}
app/components/LoginButton.tsx:
import { LoginButton } from "@/components/LoginButton";
import { View } from "react-native";
export default function Index() {
return (
);
}
Don't understand what the problem is. I also tried to install latest react-native-svg, but there is no effect.
Here is a package.json file:
{
"name": "nrg-client",
"main": "expo-router/entry",
"version": "1.0.0",
"scripts": {
"start": "expo start",
"reset-project": "node ./scripts/reset-project.js",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"lint": "expo lint"
},
"dependencies": {
"@eva-design/eva": "^2.2.0",
"@expo/vector-icons": "^15.0.3",
"@react-navigation/bottom-tabs": "^7.4.0",
"@react-navigation/elements": "^2.6.3",
"@react-navigation/native": "^7.1.8",
"@ui-kitten/components": "^5.3.1",
"@ui-kitten/eva-icons": "^5.3.1",
"expo": "~54.0.29",
"expo-constants": "~18.0.12",
"expo-font": "~14.0.10",
"expo-haptics": "~15.0.8",
"expo-image": "~3.0.11",
"expo-linking": "~8.0.10",
"expo-router": "~6.0.19",
"expo-splash-screen": "~31.0.12",
"expo-status-bar": "~3.0.9",
"expo-symbols": "~1.0.8",
"expo-system-ui": "~6.0.9",
"expo-web-browser": "~15.0.10",
"react": "19.1.0",
"react-dom": "19.1.0",
"react-native": "0.81.5",
"react-native-gesture-handler": "~2.28.0",
"react-native-reanimated": "~4.1.1",
"react-native-safe-area-context": "~5.6.0",
"react-native-screens": "~4.16.0",
"react-native-svg": "9.13.6",
"react-native-web": "~0.21.0",
"react-native-worklets": "0.5.1"
},
"devDependencies": {
"@types/react": "~19.1.0",
"eslint": "^9.25.0",
"eslint-config-expo": "~10.0.0",
"typescript": "~5.9.2"
},
"private": true
}