No restricted globals

Question

I am using React and Redux to develop a webapp and when I started up my project I got this:

Line 13:  Unexpected use of \'location\'  no-restricted-globals

Sear         


        

Answer 1

Perhaps you could try passing location into the component as a prop. Below I use ...otherProps. This is the spread operator, and is valid but unneccessary if you passed in your props explicitly it's just there as a place holder for demonstration purposes. Also, research destructuring to understand where ({ location }) came from.

import React from 'react';
import withRouter from 'react-router-dom';

const MyComponent = ({ location, ...otherProps }) => (whatever you want to render)


export withRouter(MyComponent);