diff --git a/src/components/SideBar.tsx b/src/components/SideBar.tsx
index fd07013..2f3d0f2 100644
--- a/src/components/SideBar.tsx
+++ b/src/components/SideBar.tsx
@@ -120,7 +120,7 @@ class Gitako extends React.PureComponent<Props & ConnectorState> {
       <div className={'gitako-side-bar'}>
         <Portal into={logoContainerElement}>
           <ToggleShowButton
-            hasError={Boolean(error)}
+            error={(error)}
             shouldShow={shouldShow}
             toggleShowSideBar={toggleShowSideBar}
           />
diff --git a/src/components/ToggleShowButton.tsx b/src/components/ToggleShowButton.tsx
index 3e100b3..9e6d44e 100644
--- a/src/components/ToggleShowButton.tsx
+++ b/src/components/ToggleShowButton.tsx
@@ -3,11 +3,11 @@ import Icon from 'components/Icon'
 import cx from 'utils/cx'
 
 type Props = {
-  hasError: boolean
+  error: string
   shouldShow: boolean
   toggleShowSideBar: React.MouseEventHandler
 }
-export default function Logo({ hasError: error, shouldShow, toggleShowSideBar }: Props) {
+export default function Logo({ error, shouldShow, toggleShowSideBar }: Props) {
   return (
     <div
       className={cx('gitako-toggle-show-button-wrapper', {