When specified, “proxy” in package.json must be a string

by

The issue that you are facing is because of CRA v2.

Firstly, you will not require any additional configuration if you are just using a plain string in your proxy. But the moment you use an object, you are using advanced configuration.

So, you would have to follow the steps listed below:

  1. Install http-proxy-middleware by typing npm i --save http-proxy-middleware

  2. Remove the entries from package.json:

"proxy": {
    "https://stackoverflow.com/auth/google": {
        "target": "http://localhost:5000"
    }
}
  1. Now create a setup file for your proxy. You should name it setupProxy.js in your src folder on the client side and type the following code:
const proxy = require('http-proxy-middleware');
module.exports = function(app) {
    app.use(proxy("https://stackoverflow.com/auth/google", 
        { target: 'http://localhost:5000/' }
    ));
}

for more info check this

More Related Contents:

  1. Error : Cannot read property ‘map’ of undefined
  2. How do I hide API key in create-react-app?
  3. react router difference between component and render
  4. How to resolve “Cannot use import statement outside a module” in jest
  5. Hide keyboard in react-native
  6. Property ‘value’ does not exist on type ‘Readonly’
  7. ReactJS – Add custom event listener to component
  8. React app exiting in docker container with exit code 0
  9. React useReducer async data fetch
  10. Import image dynamically in React component
  11. Testing React components that fetches data using Hooks
  12. Value of “this” is incorrect when debugging Babel transpiled React with Chrome Devtools
  13. Trace why a React component is re-rendering
  14. Using `”homepage”` in package.json, without messing up paths for localhost
  15. Default property value in React component using TypeScript
  16. Can getDerivedStateFromProps be used as an alternative to componentWillReceiveProps
  17. React fetch data in server before render
  18. Difference between @mui/material/styles and @mui/styles?
  19. React: Hide a Component on a specific Route
  20. React hook rendering an extra time
  21. Call child component method from parent in react
  22. How to enable file upload on React’s Material UI simple input?
  23. Create-React-App build – “Uncaught SyntaxError: Unexpected token
  24. React 16 warning “warning.js:36 Warning: Did not expect server HTML to contain a in .”
  25. How to bundle a React app to a subdirectory on a server?
  26. How to test Async Storage with Jest?
  27. Children won’t render when using a layout in ReactJS
  28. create react app not picking up .env files?
  29. How do I window removeEventListener using React useEffect
  30. Show/Hide components in ReactJS

Leave a Comment