Bug: Type instantiation is excessively deep with Animated.View (Reanimated) when using DotNotation #194
Description
Before submitting a new issue
- I tested using the latest version of the library, as the bug might be already fixed.
- I tested using a supported version of react native.
- I checked for possible duplicate issues, with possible answers.
Bug summary
DotNotation<ComponentProps>, TypeScript fails with:
TS2589: Type instantiation is excessively deep and possibly infinite
This seems to be caused by AnimatedProps from Reanimated, which expands into very deeply nested types, and triggers infinite recursion when DotNotation attempts to
Library version
3.0.0
Environment info
System:
OS: macOS 26.0
CPU: ****
Memory: ****
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 24.1.0
path: /opt/homebrew/bin/node
Yarn:
version: 1.22.22
path: ~/.bun/bin/yarn
npm:
version: 11.4.2
path: /opt/homebrew/bin/npm
Watchman: Not Found
Managers:
CocoaPods:
version: 1.16.2
path: /opt/homebrew/lib/ruby/gems/3.4.0/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.0
- iOS 26.0
- macOS 26.0
- tvOS 26.0
- visionOS 26.0
- watchOS 26.0
Android SDK: Not Found
IDEs:
Android Studio: 2025.1 AI-251.26094.121.2513.14007798
Xcode:
version: 26.0/17A324
path: /usr/bin/xcodebuild
Languages:
Java:
version: 23.0.2
path: /usr/bin/javac
Ruby:
version: 3.4.2
path: /opt/homebrew/opt/ruby/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 18.0.0
wanted: ^18.0.0
react:
installed: 19.1.0
wanted: 19.1.0
react-native:
installed: 0.81.4
wanted: 0.81.4
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: true
newArchEnabled: trueSteps to reproduce
- Wrap any Reanimated component with the
styledfunction.
I extracted the relevant types from your library and placed them in a reproducible example repository using the TypeScript Playground, so the issues can be seen and solved more clearly.