Module parse failed, possible invalid import from react-native?

[davisk4rpi]

I am using storybook to develop ui components for react native. Webpack is giving me an error due to react-native-svg

ERROR in ./node_modules/react-native/Libraries/Image/resolveAssetSource.js 18:12
Module parse failed: Unexpected token (18:12)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| const AssetSourceResolver = require('./AssetSourceResolver');
| 
> import type {ResolvedAssetSource} from './AssetSourceResolver';
| 
| let _customSourceTransformer, _serverURL, _scriptURL;
 @ ./node_modules/react-native-svg/lib/module/LocalSvg.js 1:1802-1860
 @ ./node_modules/react-native-svg/lib/module/ReactNativeSVG.js
 @ ./node_modules/react-native-svg/lib/module/index.js

Initially I assumed react-native/Libraries/Image/resolveAssetSource.js was the culprate, but after seeing this I believe the problem is here.

Is there a way for me to fix this or is this actually an invalid import?

react-native-svg/src/LocalSvg.tsx

import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';

[JoshLi15]

Hey, did you find any solution for this issue?

[davisk4rpi]

Hey, did you find any solution for this issue?

not yet

[pratyushok]

You could install it like the following

expo install https://github.com/pratyushok/react-native-svg/releases/download/v12.1.1/react-native-svg-12.1.1.tgz

or

npm install https://github.com/pratyushok/react-native-svg/releases/download/v12.1.1/react-native-svg-12.1.1.tgz

and then don't forget to link it.

[belaziv]

any updates? any idea?

[almirfilho]

any updates? any idea?

@belaziv I've managed to fix mine doing this #1553 (comment)