diff --git a/apis/nucleus/src/components/selections/AppSelections.jsx b/apis/nucleus/src/components/selections/AppSelections.jsx
index cc93cdbce..02ad79df4 100644
--- a/apis/nucleus/src/components/selections/AppSelections.jsx
+++ b/apis/nucleus/src/components/selections/AppSelections.jsx
@@ -7,9 +7,12 @@ import { useTheme } from '@nebula.js/ui/theme';
 
 import SelectedFields from './SelectedFields';
 import Nav from './Nav';
+import useAppSelections from '../../hooks/useAppSelections';
 
-const AppSelections = ({ app, appSelections }) => {
+const AppSelections = ({ app }) => {
   const theme = useTheme();
+  const [appSelections] = useAppSelections(app);
+  if (!appSelections) return null;
   return (
     <Grid
       container
@@ -37,6 +40,6 @@ const AppSelections = ({ app, appSelections }) => {
 
 export { AppSelections };
 
-export default function mount({ element, app, appSelections }) {
-  return ReactDOM.createPortal(<AppSelections app={app} appSelections={appSelections} />, element);
+export default function mount({ element, app }) {
+  return ReactDOM.createPortal(<AppSelections app={app} />, element);
 }
diff --git a/apis/nucleus/src/index.js b/apis/nucleus/src/index.js
index b665ab60b..e83e29f65 100644
--- a/apis/nucleus/src/index.js
+++ b/apis/nucleus/src/index.js
@@ -252,7 +252,6 @@ function nuked(configuration = {}) {
               selectionsComponentReference = AppSelectionsPortal({
                 element,
                 app,
-                appSelections,
               });
               root.add(selectionsComponentReference);
             },