* yarn add --dev prettier

  },
  "devDependencies": {
    "prettier": "^2.1.2"

import React from 'react';
import { render } from '@testing-library/react';
import App from './App';

import React from "react";
import { render } from "@testing-library/react";
import App from "./App";

test('renders learn react link', () => {

test("renders learn react link", () => {

import React from 'react';
import logo from './logo.svg';
import './App.css';
import { Area  } from './components/Area';

import React from "react";
import logo from "./logo.svg";
import "./App.css";
import { Area } from "./components/Area";

      { /* <header className="App-header">

      {/* <header className="App-header">

  </header> */ }

  </header> */}

import React from "react";

import React from 'react';
export function Area(props: { data: string } ) {
    let { data } = props;
    return (
        <div>

export function Area(props: { data: string }) {
  let { data } = props;
  return (
    <div>

        </div>
    );
};

    </div>
  );
}

  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",

  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',

  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";

  document.getElementById('root')

  document.getElementById("root")

  window.location.hostname === 'localhost' ||

  window.location.hostname === "localhost" ||

    window.location.hostname === '[::1]' ||

    window.location.hostname === "[::1]" ||

  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {

  if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {

    const publicUrl = new URL(
      process.env.PUBLIC_URL,
      window.location.href
    );

    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);

    window.addEventListener('load', () => {

    window.addEventListener("load", () => {

            'This web app is being served cache-first by a service ' +
              'worker. To learn more, visit https://bit.ly/CRA-PWA'

            "This web app is being served cache-first by a service " +
              "worker. To learn more, visit https://bit.ly/CRA-PWA"

    .then(registration => {

    .then((registration) => {

          if (installingWorker.state === 'installed') {

          if (installingWorker.state === "installed") {

                'New content is available and will be used when all ' +
                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'

                "New content is available and will be used when all " +
                  "tabs for this page are closed. See https://bit.ly/CRA-PWA."

              console.log('Content is cached for offline use.');

              console.log("Content is cached for offline use.");

    .catch(error => {
      console.error('Error during service worker registration:', error);

    .catch((error) => {
      console.error("Error during service worker registration:", error);

    headers: { 'Service-Worker': 'script' }

    headers: { "Service-Worker": "script" },

    .then(response => {

    .then((response) => {

      const contentType = response.headers.get('content-type');

      const contentType = response.headers.get("content-type");

        (contentType != null && contentType.indexOf('javascript') === -1)

        (contentType != null && contentType.indexOf("javascript") === -1)

        navigator.serviceWorker.ready.then(registration => {

        navigator.serviceWorker.ready.then((registration) => {

        'No internet connection found. App is running in offline mode.'

        "No internet connection found. App is running in offline mode."

  if ('serviceWorker' in navigator) {

  if ("serviceWorker" in navigator) {

      .then(registration => {

      .then((registration) => {

      .catch(error => {

      .catch((error) => {

import '@testing-library/jest-dom/extend-expect';

import "@testing-library/jest-dom/extend-expect";

prettier@^2.1.2:
  version "2.1.2"
  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.1.2.tgz#3050700dae2e4c8b67c4c3f666cdb8af405e1ce5"
  integrity sha512-16c7K+x4qVlJg9rEbXl7HEGmQyZlG4R9AgP+oHKRMsMsuk8s+ATStlf1NpDqyBI1HpVyfjLOeMhH2LvuNvV5Vg==