Realm has no setter or ivar for its bridge, which is not permitted

Question

I want to use Jitsi-Meet (Video calling library) with Realm. When I run the app on iOS, Realm does not work. It shows the following error:

2018-12-28 16:22:34.504 [error][tid:main][RCTModuleData.mm:179] Realm has no setter or ivar for its bridge, which is not permitted. You must either @synthesize the bridge property, or provide your own setter method.

Realm works fine if I remove Jisti-Meet Library. And Jitsi-Meet works fine without realm as well.

Steps to Reproduce

1. Create a new react-native app: react-native init AwesomeProject
2. Install realm-js: npm install realm --save and react-native link realm
3. Install React Native Jisti Meet: npm install react-native-jitsi-meet --save
4. Under Build setting set Dead Code Stripping to No, set Enable Bitcode to No and Always Embed Swift Standard Libraries to Yes
5. add node_modules/react-native-jitsi-meet/ios/WebRTC.framework and node_modules/react-native-jitsi-meet/ios/JitsiMeet.framework to the Embed Binaries.
6. select Build Settings, find Search Paths . Edit BOTH Framework Search Paths and Library Search Paths. and add path on BOTH sections with: $(SRCROOT)/../node_modules/react-native-jitsi-meet/ios with recursive

Now run the app and the app will show the error.

Code Sample

filename: App.js

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Button} from 'react-native';
import Realm from 'realm';

const instructions = Platform.select({
  ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
  android:
    'Double tap R on your keyboard to reload,\n' +
    'Shake or press menu button for dev menu',
});


type Props = {};
export default class App extends Component<Props> {

  constructor(props) {
    super(props);
    this.state = { realm: null };
  }


  componentWillMount() {
    Realm.open({
      schema: [{name: 'Dog', properties: {name: 'string'}}]
    }).then(realm => {
      realm.write(() => {
        realm.create('Dog', {name: 'Rex'});
      });
      this.setState({ realm });
    });
  }

  render() {

    const info = this.state.realm
    ? 'Number of dogs in this Realm: ' + this.state.realm.objects('Dog').length
    : 'Loading...';


    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>Welcome to React Native!</Text>
        <Text style={styles.instructions}>To get started, edit App.js</Text>
        <Text style={styles.instructions}>{instructions}</Text>
        <Button title="Video" 
        // onPress = {() => initiateVideoCall()} 
        />
        <Text style={styles.welcome}>
          {info}
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

Version of Realm and Tooling

• Realm JS SDK Version: 2.21.1 (Lower versions also have the same issue )
• Node or React Native: RN 0.57.8
• Client OS & Version: iOS Real Device - 12.1.2
• MacOS: 10.13.6 High Sierra
• Which debugger for React Native: None