RNSharedElementTransition is not available, did you forget to link react-native-shared-element into your project?

[HenZzz-999]

I am currently creating my project with expo SDK 48 but when updating to SDK 49 the following error appeared when trying to run the animation:

RNSharedElementTransition is not available, did you forget to link react-native-shared-element into your project?

I have seen the other issues that have presented the same problem, but what could be the solution that could be given to this problem? I would like to update expo SDK 49 but I would also like to be able to continue using this incredible dependency!

[github-actions]

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

[popoolasubomi]

Hey Same here, any fix?

[AyushSinghbharti]

Hey, any update on how to fix this issue?

[jakeherm]

Was anyone able to find a fix for this issue?

[IjzerenHein]

Please see my comment on this issue:
#116 (comment)

[jakeherm]

Please see my comment on this issue: #116 (comment)

Hello. Thanks for the response! I was creating a development build. I used EAS to create a production-ready build and had tis in my log files.

Target\ Support\ Files/RNSharedElement/RNSharedElement-prefix.pch -MT dependencies -dependency-file /Users/expo/Library/Developer/Xcode/DerivedData/frontend-byaguxdhhoplodaooezwuwseoihw/Build/Intermediates.noindex/ArchiveIntermediates/frontend/IntermediateBuildFilesPath/Pods.build/Release-iphoneos/RNSharedElement.build/Objects-normal/arm64/RNSharedElementTransition.d -skip-unused-modulemap-deps
/Users/expo/workingdir/build/frontend/node_modules/react-native-shared-element/ios/RNSharedElementTransition.m:391:47: error: no member named 'topLeft' in 'RCTCornerRadii'
  391 |         @"borderTopLeftRadius": @(cornerRadii.topLeft),
      |                                   ~~~~~~~~~~~ ^
/Users/expo/workingdir/build/frontend/node_modules/react-native-shared-element/ios/RNSharedElementTransition.m:392:48: error: no member named 'topRight' in 'RCTCornerRadii'
  392 |         @"borderTopRightRadius": @(cornerRadii.topRight),
      |                                    ~~~~~~~~~~~ ^
/Users/expo/workingdir/build/frontend/node_modules/react-native-shared-element/ios/RNSharedElementTransition.m:393:50: error: no member named 'bottomLeft' in 'RCTCornerRadii'
  393 |         @"borderBottomLeftRadius": @(cornerRadii.bottomLeft),
      |                                      ~~~~~~~~~~~ ^
/Users/expo/workingdir/build/frontend/node_modules/react-native-shared-element/ios/RNSharedElementTransition.m:394:50: error: no member named 'bottomRight' in 'RCTCornerRadii'
  394 |         @"borderBotomRightRadius": @(cornerRadii.bottomRight)
      |                                      ~~~~~~~~~~~ ^
4 errors generated.
and
/Users/expo/workingdir/build/frontend/node_modules/react-native-shared-element/ios/RNSharedElementStyle.m:115:39: error: no member named 'topLeft' in 'RCTCornerRadii'
  115 |   [style.cornerRadii setRadius:radii1.topLeft + ((radii2.topLeft - radii1.topLeft) * position) corner:RNSharedElementCornerTopLeft];
      |                                ~~~~~~ ^
/Users/expo/workingdir/build/frontend/node_modules/react-native-shared-element/ios/RNSharedElementStyle.m:115:58: error: no member named 'topLeft' in 'RCTCornerRadii'
  115 |   [style.cornerRadii setRadius:radii1.topLeft + ((radii2.topLeft - radii1.topLeft) * position) corner:RNSharedElementCornerTopLeft];
      |                                                   ~~~~~~ ^
/Users/expo/workingdir/build/frontend/node_modules/react-native-shared-element/ios/RNSharedElementStyle.m:115:75: error: no member named 'topLeft' in 'RCTCornerRadii'
  115 |   [style.cornerRadii setRadius:radii1.topLeft + ((radii2.topLeft - radii1.topLeft) * position) corner:RNSharedElementCornerTopLeft];
      |                                                                    ~~~~~~ ^
/Users/expo/workingdir/build/frontend/node_modules/react-native-shared-element/ios/RNSharedElementStyle.m:116:39: error: no member named 'topRight' in 'RCTCornerRadii'
  116 |   [style.cornerRadii setRadius:radii1.topRight + ((radii2.topRight - radii1.topRight) * position) corner:RNSharedElementCornerTopRight];

.....

/Users/expo/workingdir/build/frontend/node_modules/react-native-shared-element/ios/RNSharedElementStyle.m:118:83: error: no member named 'bottomRight' in 'RCTCornerRadii'
  118 |   [style.cornerRadii setRadius:radii1.bottomRight + ((radii2.bottomRight - radii1.bottomRight) * position) corner:RNSharedElementCornerBottomRight];
      |                                                                            ~~~~~~ ^
12 errors generated.

How can I fix this?

[IjzerenHein]

@jakeherm please have a look at this issue #125
It provides a temporary solution by using a patch file

[jakeherm]

Sounds good. Also, does this run with react native fabric or just the old paper arch. Let me know! Thanks.