Run prettier

web/.eslintrc.js

@@ -1,10 +1,7 @@
 module.exports = {
   parser: '@typescript-eslint/parser',
-  extends: [
+  extends: ['plugin:react-hooks/recommended', 'plugin:@next/next/recommended'],
-	  'plugin:react-hooks/recommended',
-	  'plugin:@next/next/recommended',
-	],
   rules: {
     // Add or disable rules here.
-  }
+  },
 }

web/.prettierignore

@@ -0,0 +1,3 @@
+# Ignore Next artifacts
+.next/
+out/

web/hooks/use-contract.ts

@@ -2,11 +2,12 @@ import { useEffect, useState } from 'react'
 import { Contract, listenForContract } from '../lib/firebase/contracts'
 
 export const useContract = (contractId: string) => {
-	const [contract, setContract] = useState<Contract | null | 'loading'>('loading')
+  const [contract, setContract] = useState<Contract | null | 'loading'>(
+    'loading'
+  )
 
   useEffect(() => {
-		if (contractId)
+    if (contractId) return listenForContract(contractId, setContract)
-			return listenForContract(contractId, setContract)
   }, [contractId])
 
   return contract