prettier - Format existing files with prettier

example/src/App.js

@@ -1,13 +1,9 @@
-import React from 'react'
+import React from "react";
 
-import { useMyHook } from 'some-hooks'
+import { useMyHook } from "some-hooks";
 
 const App = () => {
-  const example = useMyHook()
+  const example = useMyHook();
-  return (
+  return <div>{example}</div>;
-    <div>
+};
-      {example}
+export default App;
-    </div>
-  )
-}
-export default App

example/src/index.js

@@ -1,7 +1,7 @@
-import React from 'react'
+import React from "react";
-import ReactDOM from 'react-dom'
+import ReactDOM from "react-dom";
 
-import './index.css'
+import "./index.css";
-import App from './App'
+import App from "./App";
 
-ReactDOM.render(<App />, document.getElementById('root'))
+ReactDOM.render(<App />, document.getElementById("root"));

src/index.tsx

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import * as React from "react";
 
 export const useMyHook = () => {
-  let [{
+  let [{ counter }, setState] = React.useState<{
-    counter
-  }, setState] = React.useState<{
     counter: number;
   }>({
     counter: 0
@@ -12,8 +10,8 @@ export const useMyHook = () => {
   React.useEffect(() => {
     let interval = window.setInterval(() => {
       counter++;
-      setState({counter})
+      setState({ counter });
-    }, 1000)
+    }, 1000);
     return () => {
       window.clearInterval(interval);
     };

src/test.ts

@@ -1,7 +1,7 @@
-import { useMyHook } from './'
+import { useMyHook } from "./";
 
-describe('useMyHook', () => {
+describe("useMyHook", () => {
-  it('is truthy', () => {
+  it("is truthy", () => {
-    expect(useMyHook).toBeTruthy()
+    expect(useMyHook).toBeTruthy();
-  })
+  });
-})
+});