question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Missing type exports since v12.4.1

See original GitHub issue

Bug

A few type exports are missing since v12.4.1. I think the exported types shouldn’t change as it’s a patch release.

Unexpected behavior

import {
  Svg,
  Defs,
  Rect,
  LinearGradient,
  Stop,
  StopProps,
  NumberProp,
} from 'react-native-svg';

NumberProp no longer exists from the exports.

import { TSpanProps, TextAnchor, AlignmentBaseline } from 'react-native-svg'

TextAnchor and AlignmentBaseline are also missing.

Environment info

React native info output:

System:
    OS: macOS 12.5
    CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
    Memory: 31.29 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 14.17.6 - /var/folders/72/hzvg960s14db828r10szzy180000gn/T/yarn--1658916962021-0.8512067571991415/node
    Yarn: 1.22.19 - /var/folders/72/hzvg960s14db828r10szzy180000gn/T/yarn--1658916962021-0.8512067571991415/yarn
    npm: 6.14.17 - ~/.nvm/versions/node/v14.17.6/bin/npm
    Watchman: 2022.07.04.00 - /usr/local/bin/watchman
  Managers:
    CocoaPods: Not Found
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK:
      API Levels: 29, 30, 31
      Build Tools: 30.0.2, 30.0.3, 31.0.0, 33.0.0
      System Images: android-30 | Google APIs Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 2021.2 AI-212.5712.43.2112.8609683
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.16 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.68.2 => 0.68.2 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Library version: 12.4.3

Steps To Reproduce

Try import NumberProp and you’ll see typescript error:

error TS2614: Module '"react-native-svg"' has no exported member 'NumberProp'. Did you mean to use 'import NumberProp from "react-native-svg"' instead?

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:3
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
JoseLioncommented, Jul 29, 2022

I’m still having this issue on v12.4.3. It seems that the missing types are also affecting other type inferences. For example, if I try to create an animated component of Circle the resulting component props are not inferred from ComponentType<CircleProps>, instead it only uses typeof Circle.

const AnimatedCircle = Animated.createAnimatedComponent(Circle);
//    ^ type: Animated.AnimatedComponent<typeof Circle>

<AnimatedCircle r={10} cx={0} cy={0} />
//              ^ error: all props are unknow
0reactions
WoLewickicommented, Aug 11, 2022

@ginnymin It would be best to have a reproduction of this so it is easy to spot the exact problem.

Read more comments on GitHub >

github_iconTop Results From Across the Web

v12.4.0 unable to decode older blocks on Moonbeam networks
Seems to be a type decoding problem. Check v12.0.0 release. We no longer support pulling in custom types from apps-config, and expect users...
Read more >
Application Security Verification Standard 4.0
V12 : File and Resources Verification Requirements . ... The Sherwood Applied Business Security Architecture (SABSA) is missing a great deal of information ......
Read more >
Supplemental Document: BIG-IP 15.1.4 Fixes and Known Issues
Symptoms: BIG-IP Virtual Edition (VE) on Azure has an issue where the BIG-IP system raises a kernel panic soon after a Network Management...
Read more >
Read me | OpManager Help - ManageEngine
OpManager: The Y-axis unit was missing in the Interface Rx and Tx traffic PDF report exported from the Report builder(under Inventory).
Read more >
NG8003: No directive found with export - Angular
Angular can't find a directive with {{ PLACEHOLDER }} export name. This is common with a missing import or a missing exportAs on...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found