Update formatter and linter

package.json

@@ -24,7 +24,7 @@
   "devDependencies": {
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
-    "babel-eslint": "^8.0.3",
+    "babel-eslint": "^8.2.3",
     "babel-loader": "^7.1.2",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
@@ -38,16 +38,16 @@
     "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.1.0",
     "enzyme-to-json": "^3.2.2",
-    "eslint": "^4.12.1",
+    "eslint": "^4.19.1",
     "eslint-config-prettier": "^2.9.0",
-    "eslint-plugin-promise": "^3.6.0",
+    "eslint-plugin-promise": "^3.7.0",
-    "eslint-plugin-react": "^7.5.1",
+    "eslint-plugin-react": "^7.7.0",
     "flow-bin": "^0.63.1",
     "glob": "^7.1.2",
     "husky": "^0.14.3",
     "jest": "^21.2.1",
-    "lint-staged": "^6.0.0",
+    "lint-staged": "^7.1.0",
-    "prettier": "^1.8.2",
+    "prettier": "^1.12.1",
     "raf": "^3.4.0",
     "react": "^16.2.0",
     "react-art": "^16.3.0",
@@ -60,7 +60,7 @@
   ],
   "lint-staged": {
     "**/*.js": [
-      "fmt:cmd",
+      "prettier --write",
       "git update-index --again",
       "eslint"
     ],

packages/benchmarks/src/implementations/styled-components/Box.js

@@ -25,7 +25,7 @@ const Box = styled(View)`
   flex-direction: ${props => (props.layout === 'column' ? 'column' : 'row')};
   padding: ${props => (props.outer ? '4px' : '0')};
   ${props => props.fixed && 'height:6px;'} ${props =>
-      props.fixed && 'width:6px;'} background-color: ${props => getColor(props.color)};
+  props.fixed && 'width:6px;'} background-color: ${props => getColor(props.color)};
 `;
 
 export default Box;