used unControlledTooltip instead of Tooltip

src/client/js/components/Navbar/GrowiNavbar.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 import { withTranslation } from 'react-i18next';
 
-import { Tooltip } from 'reactstrap';
+import { UncontrolledTooltip } from 'reactstrap';
 import { withUnstatedContainers } from '../UnstatedUtils';
 import NavigationContainer from '../../services/NavigationContainer';
 import AppContainer from '../../services/AppContainer';
@@ -16,20 +16,6 @@ import GlobalSearch from './GlobalSearch';
 
 class GrowiNavbar extends React.Component {
 
-  constructor() {
-    super();
-    this.state = {
-      isTooltipOpen: false,
-    };
-    this.onClickTooltipHandler = this.onClickTooltipHandler.bind(this);
-  }
-
-  onClickTooltipHandler() {
-    this.setState({
-      isTooltipOpen: !this.state.isTooltipOpen,
-    });
-  }
-
   renderNavbarRight() {
     const { t, appContainer, navigationContainer } = this.props;
     const { currentUser } = appContainer;
@@ -65,16 +51,14 @@ class GrowiNavbar extends React.Component {
         <span className="d-none d-md-inline">
           {crowi.confidential}
         </span>
-        <Tooltip
+        <UncontrolledTooltip
           placement="bottom"
           trigger="click"
-          isOpen={this.state.isTooltipOpen}
-          toggle={this.onClickTooltipHandler}
           target="confidentialTooltip"
           className="d-md-none"
         >
           {crowi.confidential}
-        </Tooltip>
+        </UncontrolledTooltip>
       </li>
     );
   }