How to use the @times-components/user-state.loggedInOrShared function in @times-components/user-state

relatedArticlesVisible,
  spotAccountId,
  topics
}) => {
  /* Nativo insert Sponsored Articles after the div#sponsored-article element. They are not able to insert directly into that element hence the container div */
  const sponsoredArticles = (
    <div id="sponsored-article-container">
      <div id="sponsored-article">
    </div>
  );
  return (
    
      <div style="{clearingStyle}">
      
      {(savingEnabled || sharingEnabled) &amp;&amp; (
        
          
            {({ showMessage }) =&gt; (
              
                 showMessage("Article link copied")}
                  onSaveToMyArticles={() =&gt; {}}
                  onShareOnEmail={() =&gt; {}}
                  savingEnabled={savingEnabled}
                  sharingEnabled={sharingEnabled}
                /&gt;
              
            )}
          </div></div>

>
          
          
            
              
                
              
              
                
                  <header width="{articleWidth}">
                  {savingEnabled || sharingEnabled ? (
                    
                      
                        {({ showMessage }) =&gt; (
                          
                              showMessage("Article link copied")
                            }
                            onSaveToMyArticles={() =&gt; {}}
                            onShareOnEmail={() =&gt; {}}
                            savingEnabled={savingEnabled}
                            sharingEnabled={sharingEnabled}
                          /&gt;
                        )}
                      </header>

const ShowTopics = ({ topics }) => {
  if (topics && topics.length > 0) {
    return (
      
        <nav>
          
        </nav>
      
    );
  }

  return null;
};