SVG doesn't work after upgrading SDK version

Expo SDK
1

Please provide the following:

  1. SDK Version: 34.0.0
  2. Platforms(Android/iOS/web/all): all

Hi everyone please help, I upgrade SDK version from 32.0.0 to 34.0.0 and after that expo svg doesn’t work anymore. What should I do now

70838146_1113759745498019_7937217902241906688_n
70838146_1113759745498019_7937217902241906688_n675×1388 79.8 KB

2

Several of Expo’s libraries need to be imported differently in SDK 33 and later compared to how it was done in SDK 32.

e.g. for SVG, instead of this:

import { Svg } from 'expo';
...
<Svg ...>
  <Svg.Circle ... />
</Svg>

do:

import Svg, { Circle } from 'react-native-svg';
...
<Svg ...>
  <Circle ... />
</Svg>

Check the documentation for the other things you’re importing to see if they have changed too.

EDIT:

One way to help with this is to run:

npx expo-codemod sdk33-imports

You may also need to install new dependencies. e.g.:

expo install expo-constants
2 Likes
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.