diff --git a/src/components/SideBar.js b/src/components/SideBar.js
index 957d2df..0ca37d0 100644
--- a/src/components/SideBar.js
+++ b/src/components/SideBar.js
@@ -1,9 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import connect from '../driver/Driver'
-import core from '../driver/core'
-
 import FileExplorer from './FileExplorer'
 import ToggleShowButton from './ToggleShowButton'
 import MetaBar from './MetaBar'
@@ -15,7 +12,7 @@ import cx from '../utils/cx'
 
 const baseSize = 260
 
-class SideBar extends React.Component {
+export default class Gitako extends React.PureComponent {
   static propTypes = {
     // initial width of side bar
     baseSize: PropTypes.number,
@@ -141,5 +138,3 @@ class SideBar extends React.Component {
     )
   }
 }
-
-export default connect(core)(SideBar)
diff --git a/src/content.js b/src/content.js
index 8fecdf4..5090739 100644
--- a/src/content.js
+++ b/src/content.js
@@ -1,10 +1,15 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
 
+import connect from './driver/connect'
+import core from './driver/core'
+import SideBar from './components/SideBar'
+
 import './content.less'
 
-import SideBar from './components/SideBar'
+const ConnectedSideBar = connect(core)(SideBar)
 
 const SideBarElement = document.createElement('div')
 document.body.appendChild(SideBarElement)
-ReactDOM.render(<SideBar />, SideBarElement)
+
+ReactDOM.render(<ConnectedSideBar />, SideBarElement)