How to sharing provider between remote and host repo

[JTtainguyen]

I have a problem while trying to share provider between host and remote repo. For example, in the host repository, I used ApolloProvider for graphql-apollo and IntlProvider for intl, and some other providers. And I don't know how to share these providers between host and remote.

<Provider store={store}>
      {/* Asynchronously persist redux stores and show `SplashScreen` while it's loading. */}
      <PersistGate persistor={persistor} loading={<LayoutSplashScreen />}>
        {/* Add high level `Suspense` in case if was not handled inside the React tree. */}
        <React.Suspense fallback={<LayoutSplashScreen />}>
          {/* Override `basename` (e.g: `homepage` in `package.json`) */}
          <BrowserRouter basename={basename}>
            <HelmetProvider>
              {/*This library only returns the location that has been active before the recent location change in the current window lifetime.*/}
              <MaterialThemeProvider>
                {/* Provide `react-intl` context synchronized with Redux state.  */}
                <I18nProvider>
                  {/* Render routes with provided `Layout`. */}
                  <ToastProvider                    
                    autoDismissTimeout={5000}
                    autoDismiss
                  >
                    <AuthInit>
                      <Routes />
                    </AuthInit>
                  </ToastProvider>
                </I18nProvider>
              </MaterialThemeProvider>
            </HelmetProvider>
          </BrowserRouter>
        </React.Suspense>
      </PersistGate>
    </Provider>

Is there any suggestion for this issue? Thanks