only export the provider not the whole context

Author: djechlin-mongodb

packages/compass-sidebar/src/components/multiple-connections/sidebar.spec.tsx

@@ -17,7 +17,10 @@ import type { WorkspacesService } from '@mongodb-js/compass-workspaces/provider'
 import { WorkspacesServiceProvider } from '@mongodb-js/compass-workspaces/provider';
 import { TestMongoDBInstanceManager } from '@mongodb-js/compass-app-stores/provider';
 import { ConnectionImportExportProvider } from '@mongodb-js/compass-connection-import-export';
-import { AtlasClusterConnectionsOnly, CompassSidebarPlugin } from '../../index';
+import {
+  AtlasClusterConnectionsOnlyProvider,
+  CompassSidebarPlugin,
+} from '../../index';
 import type { ConnectionInfo } from '@mongodb-js/compass-connections/provider';
 import type AppRegistry from '../../../../hadron-app-registry/dist';
 
@@ -119,11 +122,11 @@ describe('Multiple Connections Sidebar Component', function () {
 
     if (atlasClusterConnectionsOnly !== undefined) {
       component = (
-        <AtlasClusterConnectionsOnly.Provider
+        <AtlasClusterConnectionsOnlyProvider
           value={atlasClusterConnectionsOnly}
         >
           {component}
-        </AtlasClusterConnectionsOnly.Provider>
+        </AtlasClusterConnectionsOnlyProvider>
       );
     }
 

packages/compass-sidebar/src/index.ts

@@ -12,7 +12,7 @@ import type { ConnectionsService } from '@mongodb-js/compass-connections/provide
 import { connectionsLocator } from '@mongodb-js/compass-connections/provider';
 import type { Logger } from '@mongodb-js/compass-logging/provider';
 import { createLoggerLocator } from '@mongodb-js/compass-logging/provider';
-export { AtlasClusterConnectionsOnly } from './components/multiple-connections/connections-navigation';
+import { AtlasClusterConnectionsOnly } from './components/multiple-connections/connections-navigation';
 
 export const CompassSidebarPlugin = registerHadronPlugin(
   {
@@ -54,3 +54,6 @@ export const CompassSidebarPlugin = registerHadronPlugin(
     logger: createLoggerLocator('COMPASS-SIDEBAR-UI'),
   }
 );
+
+export const AtlasClusterConnectionsOnlyProvider =
+  AtlasClusterConnectionsOnly.Provider;

packages/compass-web/src/entrypoint.tsx

@@ -21,7 +21,7 @@ import {
 } from '@mongodb-js/compass-collection';
 import {
   CompassSidebarPlugin,
-  AtlasClusterConnectionsOnly,
+  AtlasClusterConnectionsOnlyProvider,
 } from '@mongodb-js/compass-sidebar';
 import CompassQueryBarPlugin from '@mongodb-js/compass-query-bar';
 import { CompassDocumentsPlugin } from '@mongodb-js/compass-crud';
@@ -64,13 +64,13 @@ import { useCompassWebPreferences } from './preferences';
 const WithAtlasProviders: React.FC = ({ children }) => {
   return (
     <AtlasCloudAuthServiceProvider>
-      <AtlasClusterConnectionsOnly.Provider value={true}>
+      <AtlasClusterConnectionsOnlyProvider value={true}>
         <AtlasServiceProvider>
           <AtlasAiServiceProvider apiURLPreset="cloud">
             {children}
           </AtlasAiServiceProvider>
         </AtlasServiceProvider>
-      </AtlasClusterConnectionsOnly.Provider>
+      </AtlasClusterConnectionsOnlyProvider>
     </AtlasCloudAuthServiceProvider>
   );
 };