run prettier

components/Dropdown.js

@@ -58,16 +58,8 @@ class Dropdown extends React.PureComponent {
   userInputtedValue = ''
 
   render() {
-    const {
+    const { innerRef, color, selected, onChange, itemWrapper, icon, disableInput, title } =
-      innerRef,
+      this.props
-      color,
-      selected,
-      onChange,
-      itemWrapper,
-      icon,
-      disableInput,
-      title,
-    } = this.props
     const { itemsToShow, inputValue } = this.state
 
     const labelId = title ? `${title.toLowerCase()}-dropdown` : undefined
@@ -98,7 +90,9 @@ class Dropdown extends React.PureComponent {
   }
 }
 
-const renderDropdown = ({ color, list, itemWrapper, icon, disableInput, title, labelId }) => ({
+const renderDropdown =
+  ({ color, list, itemWrapper, icon, disableInput, title, labelId }) =>
+  ({
     isOpen,
     highlightedIndex,
     selectedItem,
@@ -106,7 +100,7 @@ const renderDropdown = ({ color, list, itemWrapper, icon, disableInput, title, l
     getToggleButtonProps,
     getInputProps,
     getItemProps,
-}) => {
+  }) => {
     return (
       <DropdownContainer {...getRootProps({ refKey: 'innerRef' })}>
         {title && <VisuallyHidden id={labelId}>{title}</VisuallyHidden>}
@@ -142,7 +136,7 @@ const renderDropdown = ({ color, list, itemWrapper, icon, disableInput, title, l
         ) : null}
       </DropdownContainer>
     )
-}
+  }
 
 const DropdownContainer = ({ children, innerRef, ...rest }) => {
   return (

components/hooks.js

@@ -5,7 +5,7 @@ function userTiming({ category, status, value }) {
     window.gtag('event', status, {
       event_category: 'Performance',
       event_label: category,
-      value
+      value,
     })
   } catch (err) {
     // pass
@@ -20,7 +20,7 @@ export function usePerformanceMeasurement() {
           userTiming({
             category: 'paint',
             status: entry.name,
-            value: entry.startTime
+            value: entry.startTime,
           })
         })
         const navigationTiming = window.performance.getEntriesByType('navigation')
@@ -30,7 +30,7 @@ export function usePerformanceMeasurement() {
           userTiming({
             category: 'paint',
             status: 'time to first byte',
-            value: navigationTiming.responseEnd - navigationTiming.requestStart
+            value: navigationTiming.responseEnd - navigationTiming.requestStart,
           })
         }
 
@@ -45,7 +45,7 @@ export function usePerformanceMeasurement() {
         userTiming({
           category: 'javascript',
           status: 'script count',
-          value: javascriptFiles.length
+          value: javascriptFiles.length,
         })
 
         /*
@@ -55,7 +55,7 @@ export function usePerformanceMeasurement() {
         userTiming({
           category: 'javascript',
           status: 'script size',
-          value: javascriptFiles.reduce((sum, script) => script.encodedBodySize + sum, 0)
+          value: javascriptFiles.reduce((sum, script) => script.encodedBodySize + sum, 0),
         })
       }
     } catch (error) {

next.config.js

@@ -18,10 +18,16 @@ module.exports = withBundleAnalyzer(
         use: [options.defaultLoaders.babel],
       })
       config.plugins.push(
-        new options.webpack.IgnorePlugin({ resourceRegExp: /\.html$/, contextRegExp: /node_modules/ })
+        new options.webpack.IgnorePlugin({
+          resourceRegExp: /\.html$/,
+          contextRegExp: /node_modules/,
+        })
       )
       config.plugins.push(
-        new options.webpack.IgnorePlugin({ resourceRegExp: /\.css$/, contextRegExp: /node_modules/ })
+        new options.webpack.IgnorePlugin({
+          resourceRegExp: /\.css$/,
+          contextRegExp: /node_modules/,
+        })
       )
 
       return config