compatibility between: react --version && <GoogleLogin> [4:56am]

[frankcollins3]

attempting to do: last time describing ----> 1) heroku DB works locally as localhost:5000 psqlDB does 2) heroku full deployment 3) azure deployment with heroku PSQL db instead of paying $272 but since heroku runs on AWS I'd rather do that. // #265 covers EC2 battle. I guess the 🧠 thing to do is save learning AWS for a res.send('hi') does nothing app 2-3 commits.

plz pardon the sending chatGPT textbox as description of error

proposed approach: 🛌 && let it take 5-50 minutes in the☀️🍳 // upgrade because lowering react version sounds like it will affect more than upgrading or postponing

[frankcollins3]

am approach: react-google-login, per docs, is similar to with onSuccess function. it also mentions the boolean element prop: isSignedIn, I had an issue with the fact that it kept you logged in,

opinionated nature of keeping you logged in means other users can't validate their email as well. I build UI around redux-state that used ternary operator to toggle display. If the GoogleLogin was displayed, it would send data and redirect, if not displayed, it waits for state to toggle. article confirming that the https://blog.logrocket.com/guide-adding-google-login-react-app/ [11:09am]

[frankcollins3]

bookmark: appears that Oauth2.0 key is valid across the components, new and not [11:22am]

[frankcollins3]

bookmarking how easy it is to forget adding deployment URL to console.developers [11:33am]

[frankcollins3]

for this package.json:

{
  "name": "waterapp",
  "version": "1.0.0",
  "description": "Water App",
  "main": "index.js",
  "dependencies": {
    "@prisma/client": "^4.14.0",
    "axios": "^1.4.0",
    "bcryptjs": "^2.4.3",
    "concurrently": "^8.0.1",
    "cors": "^2.8.5",
    "dotenv": "^16.0.3",
    "express-graphql": "^0.12.0",
    "fs": "^0.0.1-security",
    "gapi-script": "^1.2.0",
    "graphql": "^16.6.0",
    "http-proxy-middleware": "^2.0.6",
    "path": "^0.12.7",
    "prisma": "^4.14.0",
    "process": "^0.11.10",
    "puppeteer": "^20.2.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-google-login": "^5.2.2",
    "sass": "^1.62.1",
    "typescript": "^5.0.4"
  },
  "scripts": {
    "server": "nodemon --quiet server",
    "client": "npm start --prefix client",
    "build": "npm run build --prefix client && prisma generate",
    "dev": "concurrently \"npm run server\" \"npm run client\"",
    "start": "concurrently \"npm run server\" \"npm run client\""
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/frankcollins3/react_express_node_template.git"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/frankcollins3/react_express_node_template/issues"
  },
  "homepage": "https://github.com/frankcollins3/react_express_node_template#readme",
  "devDependencies": {
    "nodemon": "^2.0.22",
    "react-scripts": "^5.0.1"
  }
}

these returned dep-related iterm2 logs: [11:54am]