set default values in stories

src/components/navigation/GlobalAppBar/GlobalAppBar.tsx

@@ -15,7 +15,6 @@ export interface GlobalAppBarProps {
   defaultActionButton: ReactNode;
   defaultIconMenuButton: ReactNode;
   defaultHelpButton: ReactNode;
-  defaultTitle: string;
   defaultOpen: boolean;
   menuItems: ReactNode[];
   widthOpen: string;
@@ -49,7 +48,6 @@ export const GlobalAppBar = styled(
     defaultActionButton,
     defaultIconMenuButton,
     defaultHelpButton,
-    defaultTitle,
     defaultOpen,
     menuItems,
     widthOpen,
@@ -80,8 +78,7 @@ export const GlobalAppBar = styled(
               defaultHomeButton,
               defaultActionButton,
               defaultIconMenuButton,
-              defaultHelpButton,
-              defaultTitle
+              defaultHelpButton
             }}
           />
           <Toolbar className="CeuiGlobalAppBar-Spacer" />

src/stories/navigation/ContentPage.tsx

@@ -15,11 +15,13 @@ export const ContentPage = ({
   const { updatePageTitle, setEnvironment } = useGlobalAppContext();
 
   useEffect(() => {
-    updatePageTitle(title);
+    updatePageTitle(title || "This is an example title");
   }, [title, updatePageTitle]);
 
   useEffect(() => {
-    setEnvironment(environment);
+    if (environment) {
+      setEnvironment(environment);
+    }
   }, [environment, setEnvironment]);
 
   return children;

src/stories/navigation/Help/Help.stories.jsx

@@ -32,7 +32,7 @@ const HelpContainer = (args) => {
         menuItems={menuItems}
       >
         <Paper sx={{ padding: 2 }}>
-          <ContentPage>
+          <ContentPage title="Help">
             <Help {...args} />
           </ContentPage>
         </Paper>