.eslintrc

{
  "extends": [
    "skyscanner",
    "prettier",
    "prettier/react"
  ],
  "env": {
    "browser": true,
    "jest": true
  },
  "rules": {
    "prettier/prettier": "error",
    "import/no-extraneous-dependencies": [0]
  },
  "plugins": ["prettier"]
}

.prettierrc

semi: true
trailingComma: all
singleQuote: true

App.jsx

import React from 'react' // Problem 1 (prettier - semi)

// Problem 2 (prettier - quotes)
import STYLES from "./App.scss";

// Problem 3 (prettier - parens)
const c = (className) => STYLES[className] || 'UNKNOWN';

// Problem 4 (eslint - arrow-body-style)
const App = () => {
// Problem 5 (prettier - formatting)
return <div className={c('App')}>
    hello world
  </div>;
};

export default App;

package.json

{
  "devDependencies": {
    "eslint-config-prettier": "^2.9.0",
    "eslint-plugin-prettier": "^2.6.0",
    "prettier": "^1.11.1"
  }
}