title: unable to use json-server and react together
body: <p>I'm trying to use json-server in a project directory that I already set up with React via: <code>npx create-react-app new-app</code>. In the new-app
   directory, I have a file <code>db.json</code> with some content:</p>
  
  <pre><code>{
    "notes": [
      {
        "id": 1,
        "content": "first content",
      },
      {
        "id": 2,
        "content": "content 2",
      }
    ]
  }
  </code></pre>
  
  <p>I also have the json-server installed with <code>npm install json-server --save-dev</code>. Then, I ran the server on port 3001 via: <code>npx json-server --port 3001 --watch db.json</code> and everything so far runs smoothly and I can see the notes file on <code>http://localhost:3001/notes</code>. </p>
  
  <p>At this point, to <code>packages.json</code>, under "scripts", I added a server configuration as such: </p>
  
  <pre><code>{
    "name": "new-app",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
      "@testing-library/jest-dom": "^4.2.4",
      "@testing-library/react": "^9.5.0",
      "@testing-library/user-event": "^7.2.1",
      "react": "^16.13.1",
      "react-dom": "^16.13.1",
      "react-scripts": "3.4.1"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject",
      "server": "json-server -p3001 --watch db.json" // ADDED THIS
    },
    "eslintConfig": {
      "extends": "react-app"
    },
    "browserslist": {
      "production": [
        "&gt;0.2%",
        "not dead",
        "not op_mini all"
      ],
      "development": [
        "last 1 chrome version",
        "last 1 firefox version",
        "last 1 safari version"
      ]
    },
    "devDependencies": {
      "json-server": "^0.16.1"
    }
  }
  </code></pre>
  
  <p>According to the reference that I was following, this was supposed to show all the stuff from react on <a href="http://localhost:3001" rel="nofollow noreferrer">http://localhost:3001</a>, but what I get is just a blank page with the title React App (no icon either). My root directory is as follows (no changes other than ones mentioned): </p>
  
  <p><a href="https://imgur.com/a/MR0NYrr" rel="nofollow noreferrer">https://imgur.com/a/MR0NYrr</a></p>
  
  <p>Could anyone point out what went wrong here? Or alternatively, how they managed to get react and json-server set up correctly?</p>
  
  <p>When set up this way, it doesn't seem like the index.js file (and other .js files) in the src folder is being used by the index.html in the public folder.</p>