Is it required to install react native unistyles with reanimated 4.1.0?

[aargon007]

i got this error

Desktop/Test/esc-pos-printer-expo/node_modules/react-native-reanimated/src/component/PerformanceMonitor.tsx:
react-native-unistyles/components/native/View could not be found within the
project or in these directories:
node_modules/react-native-reanimated/node_modules
node_modules
^[[0m^[[31m^[[1m>^[[22m^[[39m^[[90m 1 |^[[39m ^[[32m'use
strict'^[[39m^[[33m;^[[39m
^[[90m 2 |^[[39m
^[[90m 3 |^[[39m ^[[36mimport^[[39m { useEffect^[[33m,^[[39m useRef }
^[[36mfrom^[[39m ^[[32m'react'^[[39m^[[33m;^[[39m
^[[90m 4 |^[[39m ^[[36mimport^[[39m {
^[[33mStyleSheet^[[39m^[[33m,^[[39m ^[[33mTextInput^[[39m^[[33m,^[[39m
^[[33mView^[[39m } ^[[36mfrom^[[39m
Unable to resolve "react-native-unistyles/components/native/View" from "node_modules/react-native-reanimated/src/component/PerformanceMonitor.tsx"

1 | 'use strict';
2 |
3 | import { useEffect, useRef } from 'react';
4 | import { StyleSheet, TextInput, View } from 'react-native';

Import stack:

node_modules/react-native-reanimated/src/component/PerformanceMonitor.tsx
| import "react-native-unistyles/components/native/View"

node_modules/react-native-reanimated/src/index.ts
| import "./component/PerformanceMonitor"

node_modules/react-native-gesture-handler/src/handlers/gestures/reanimatedWrapper.ts
| import "react-native-reanimated"

node_modules/react-native-gesture-handler/src/handlers/gestures/GestureDetector/useAnimatedGesture.ts
| import "../reanimatedWrapper"

node_modules/react-native-gesture-handler/src/handlers/gestures/GestureDetector/index.tsx
| import "./useAnimatedGesture"

node_modules/react-native-gesture-handler/src/index.ts
| import "./handlers/gestures/GestureDetector"

App.tsx
| import "react-native-gesture-handler"

index.ts
| import "./App"

| import "./index"

[MatiPl01]

No, react-native-unistyles is a separate library and reanimated doessn't require any other external library to work (except the react-native-worklets when you are using reanimated v4). Maybe react-native-unistyles replaces the default View component exported from react-native with its own implementation or something?

Our PerformanceMonitor component imports a plain View component from react-native and, based on your stack trace, it seems that it fails to render this component. It seems that unistyles are replacing this default View component with their own implementation which doesn't work.

[aargon007]

Might be cache issue. I have upgraded two projects at the same time. one has unistyles. clearing cache solved the issue. thanks!