Invariant Violation: Tried to register two views with the same name #370

Activity

1. venator85

   added

   bugSomething isn't workingSomething isn't working

   on Mar 9, 2023
2. atlj

   self-assigned this

   on Mar 17, 2023
3. atlj commented on Mar 21, 2023

   

   atlj

   on Mar 21, 2023

   Collaborator

   More actions

   It seems like whenever you trigger a refresh, this line gets called:

   requireNativeComponent<TestProps>(ComponentName)

   Forcing RN to load the same view twice.

   My solution would be to extract this particular call into a separate file like this:

   // TestView.tsx
   import {
     requireNativeComponent,
     UIManager,
     Platform,
     ViewStyle,
   } from 'react-native';
   
   const LINKING_ERROR =
     `The package 'react-native-test' doesn't seem to be linked. Make sure: \n\n` +
     Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
     '- You rebuilt the app after installing the package\n' +
     '- You are not using Expo Go\n';
   
   type TestProps = {
     color: string;
     style: ViewStyle;
   };
   
   const ComponentName = 'TestView';
   
   export const TestView =
     UIManager.getViewManagerConfig(ComponentName) != null
       ? requireNativeComponent<TestProps>(ComponentName)
       : () => {
         throw new Error(LINKING_ERROR);
       };

   // index.tsx
   export * from "./TestView"

   And in theory, you won't have to touch TestView.tsx again and you can make as many changes you want to the index.tsx this way.

   But I wonder if we should shape the template like this? @satya164

   ❤️React with ❤️1Reacted by Jahid Hasan
4. satya164 commented on Mar 21, 2023

   

   satya164

   on Mar 21, 2023

   Member

   More actions

   @atlj sounds reasonable to me

   👍React with 👍1Reacted by Burak Güner