Fix prettier

package.json

@@ -26,7 +26,7 @@
     "lint-staged": {
         "src/**/*.{js,jsx,ts,tsx}": [
             "eslint",
-            "prettier --write",
+            "prettier --write --tab-width 4",
             "git add"
         ],
         "src/**/*.{json,css,scss,md}": [

src/App.tsx

@@ -20,12 +20,12 @@ import "./App.scss";
 import SingleColumn from "./layouts/SingleColumn";
 
 const App: React.FC = () => {
-  return (
-    <SingleColumn>
-      <div className="topSpacer" />
-      <div className="bottomSpacer" />
-    </SingleColumn>
-  );
+    return (
+        <SingleColumn>
+            <div className="topSpacer" />
+            <div className="bottomSpacer" />
+        </SingleColumn>
+    );
 };
 
 export default App;

src/index.tsx

@@ -4,8 +4,8 @@ import "./index.scss";
 import App from "./App";
 
 ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById("root")
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>,
+    document.getElementById("root")
 );

src/layouts/SingleColumn.tsx

@@ -19,11 +19,11 @@ import React from "react";
 import "./SingleColumn.scss";
 
 interface IProps {
-  children?: React.ReactNode;
+    children?: React.ReactNode;
 }
 
 const SingleColumn: React.FC<IProps> = (props: IProps) => {
-  return <div className="singleColumnLayout">{props.children}</div>;
+    return <div className="singleColumnLayout">{props.children}</div>;
 };
 
 export default SingleColumn;