title: Why GitHub Pages does not display my React Redux Todo Web aplication
body: <p>I wrote a simple React Redux Todo webapp, this is its <a href="https://github.com/RodrigoMattosoSilveira/react-redux-todo" rel="nofollow noreferrer">GitHub repository</a>; it works fine on my desktop but when I publish it to <a href="https://rodrigomattososilveira.github.io/react-redux-todo/" rel="nofollow noreferrer">GitHub pages</a> all I get is a blank page. Interestingly, I added a few console.log statements as page elements are rendered, they show up on the Console, but their page fragments do not.</p>
  
  <p>I used the instructions in the <a href="https://create-react-app.dev/docs/deployment/" rel="nofollow noreferrer">Create React App Deployment</a> page, specifically the ones in the <a href="https://create-react-app.dev/docs/deployment/#github-pages" rel="nofollow noreferrer">GitHub Pages section</a>.</p>
  
  <p>Not the <code>homepage</code> attribute, <code>predeploy</code> and <code>deploy</code> scritps, and the <code>gh-pages</code> development dependency in the following is my package.json file:</p>
  
  <pre><code>{
    "name": "react_todo",
    "author": "Rodrigo Silveira",
    "version": "0.2.0",
    "homepage": "https://rodrigomattososilveira.github.io/react-redux-todo/",
    "private": true,
    "license": "MIT",
    "dependencies": {
      "@material-ui/core": "^4.9.11",
      "@material-ui/icons": "^4.9.1",
      "classnames": "^2.2.6",
      "material-table": "^1.57.2",
      "react": "^16.13.1",
      "react-dom": "^16.13.1",
      "react-redux": "^7.2.0",
      "react-scripts": "3.4.1",
      "redux": "^4.0.5",
      "shortid": "^2.2.15",
      "typeface-roboto": "^0.0.75"
    },
    "scripts": {
      "start": "react-scripts start",
      "predeploy": "yarn run build",
      "deploy": "gh-pages -d build",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
    },
    "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": {
      "@testing-library/jest-dom": "^4.2.4",
      "@testing-library/react": "^9.3.2",
      "@testing-library/user-event": "^7.1.2",
      "@types/jest": "^24.0.0",
      "@types/node": "^12.0.0",
      "@types/react": "^16.9.0",
      "@types/react-dom": "^16.9.0",
      "@types/react-redux": "^7.1.7",
      "@types/shortid": "^0.0.29",
      "gh-pages": "^2.2.0",
      "typescript": "~3.7.2"
    }
  }
  
  </code></pre>
  
  <p>A</p>
  
  <p>Also note that I have a <a href="https://github.com/RodrigoMattosoSilveira/react_todo" rel="nofollow noreferrer">React Todo application</a> that I was able to publish to its own <a href="https://rodrigomattososilveira.github.io/react_todo/" rel="nofollow noreferrer">GitHub Pages</a> using the exact same recipe I'm using for its [React Redux Todo(<a href="https://github.com/RodrigoMattosoSilveira/react-redux-todo" rel="nofollow noreferrer">https://github.com/RodrigoMattosoSilveira/react-redux-todo</a>) cousin.</p>