feat(rnsdk) share bootsrap code with app

react-native-sdk/index.tsx

 /* eslint-disable lines-around-comment,  no-undef, no-unused-vars  */
 
-import 'react-native-gesture-handler';
-// Apply all necessary polyfills as early as possible
-// to make sure anything imported henceforth sees them.
-import 'react-native-get-random-values';
-import './react/features/mobile/polyfills';
+// NB: This import must always come first.
+import './react/bootstrap.native';
 
 import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { View, ViewStyle } from 'react-native';
 import { appNavigate } from './react/features/app/actions.native';
 import { App } from './react/features/app/components/App.native';
 import { setAudioMuted, setVideoMuted } from './react/features/base/media/actions';
-import JitsiThemePaperProvider from './react/features/base/ui/components/JitsiThemeProvider.native';
 
 
 interface IEventListeners {
 
     return (
         <View style = { style as ViewStyle }>
-            <JitsiThemePaperProvider>
-                <App
-                    { ...appProps }
-                    ref = { app } />
-            </JitsiThemePaperProvider>
+            <App
+                { ...appProps }
+                ref = { app } />
         </View>
     );
 });

react/bootstrap.native.js

+// https://github.com/software-mansion/react-native-gesture-handler/issues/320#issuecomment-443815828
+import 'react-native-gesture-handler';
+
+// Apply all necessary polyfills as early as possible to make sure anything imported henceforth
+// sees them.
+import 'react-native-get-random-values';
+import './features/mobile/polyfills';

react/features/app/components/App.native.tsx

 import { clientResized, setSafeAreaInsets } from '../../base/responsive-ui/actions';
 import DimensionsDetector from '../../base/responsive-ui/components/DimensionsDetector.native';
 import { updateSettings } from '../../base/settings/actions';
+import JitsiThemePaperProvider from '../../base/ui/components/JitsiThemeProvider.native';
 import { _getRouteToRender } from '../getRouteToRender.native';
 import logger from '../logger';
 
         logger.info(`Loaded SDK ${AppInfo.sdkVersion}${liteTxt}`);
     }
 
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    render() {
+        return (
+            <JitsiThemePaperProvider>
+                { super.render() }
+            </JitsiThemePaperProvider>
+        );
+    }
+
     /**
      * Initializes feature flags and updates settings.
      *

react/index.native.js

-// https://github.com/software-mansion/react-native-gesture-handler/issues/320#issuecomment-443815828
-import 'react-native-gesture-handler';
-
-// Apply all necessary polyfills as early as possible to make sure anything imported henceforth
-// sees them.
-import 'react-native-get-random-values';
-import './features/mobile/polyfills';
+// NB: This import must always come first.
+import './bootstrap.native';
 
 import React, { PureComponent } from 'react';
 import { AppRegistry } from 'react-native';
 
 import { App } from './features/app/components/App.native';
 import { _initLogging } from './features/base/logging/functions';
-import JitsiThemePaperProvider from './features/base/ui/components/JitsiThemeProvider';
 
 /**
  * React Native doesn't support specifying props to the main/root component (in
      */
     render() {
         return (
-            <JitsiThemePaperProvider>
-                <App
-                    { ...this.props } />
-            </JitsiThemePaperProvider>
+            <App { ...this.props } />
         );
     }
 }