How to use the reactstrap.Navbar.propTypes function in reactstrap

const AffiliateNavBar = ({ logout, loggedIn, children, isExpanded, toggleExpanded, ...props }) => (
  
    
      
        
        Faa.st Affiliates
      
      {loggedIn && (
        
          
          
            <nav>
              
                
                  <span>Dashboard</span>
                
              
              </nav>

<i>
              Add wallet
            </i><i>
          </i><i>
          
        
      
    
    {children}
  
)

AppNavbar.propTypes = {
  ...Navbar.propTypes
}

AppNavbar.defaultProps = {
  color: 'ultra-dark',
  dark: true,
  fixed: 'top',
  expand: config.navbar.expand,
}

export default compose(
  setDisplayName('AppNavBar'),
  withRouter,
  connect(createStructuredSelector({
    disablePortfolioLinks: isDefaultPortfolioEmpty,
    previousSwapInputs: getSavedSwapWidgetInputs
  }), {</i>

<div>
            <p>
              Logout
            </p>
          </div>
        
      )}
    
    {children}
  
)

AffiliateNavBar.propTypes = {
  ...Navbar.propTypes
}

AffiliateNavBar.defaultProps = {
  color: 'light',
  dark: false,
  fixed: 'top',
  expand: config.navbar.expand,
}

export default compose(
  setDisplayName('AffiliateNavBar'),
  connect(createStructuredSelector({
    loggedIn: isAffiliateLoggedIn,
  }), {
    logout: affiliateLogout
  }),

import GAEventButton from 'Components/GAEventButton'

import PropTypes from 'prop-types'
import classNames from 'class-names'

import { betaTag } from './style.scss'

import LanguageSelector from 'Components/LanguageSelector'

export default compose(
  setDisplayName('Header'),
  withRouter,
  setPropTypes({
    theme: PropTypes.string,
    headerColor: PropTypes.string,
    ...Navbar.propTypes
  }),
  connect(createStructuredSelector({
    currentLanguage: getAppLanguage
  }), {
    languageLoad,
    selectLanguage,
    correctStaticURL,
  }),
  lifecycle({
    componentDidMount() {
      const { history, languageLoad, correctStaticURL, currentLanguage } = this.props
      languageLoad()
      const url = correctStaticURL(currentLanguage)
      if (url) history.replace(`${url}`)
    },
  }),

)(({ theme, handleSelectLanguage, headerColor, toggleExpanded, isExpanded, translations: { static: { header = {} } = {}  }, ...props }) => (
  
    
      
        <img style="{{" src="{FaastLogo64x64}">{siteConfig.name}
      
      
      
        <nav>
          
            
              {header.swap}</nav>

const AppNavbar = ({ disablePortfolioLinks, children, isExpanded, handleSelectLanguage,
  toggleExpanded, isDropdownOpen, toggleDropdownOpen, queryString, ...props }) => (
  
    
      
        Faa.st
      
      
      
        <nav>
          {!disablePortfolioLinks &amp;&amp; (
            
              
                <i>
                Dashboard
              </i><i>
            </i><i>
          )}
          </i></nav>