ESLint Global Variables
Emmanuel Gautier / November 27, 2021
1 min read
Sometimes, we need to access some globally defined variables, especially the browser side when we use third-party libraries, and can also be the case server side. Because the variables are not referenced in the code, eslint throws an error saying the variable is not defined.
Eslint let us specify the global variable. This configuration allows eslint to know that a variable exists even if it is not referenced in the code. Here is an example:
{
"globals": {
"dataLayer": true
}
}
In addition to specifying it, you can declare the variable as writable or not. Here is an example:
{
"globals": {
"dataLayer": "writable"
}
}
Or only declare it as read-only:
{
"globals": {
"dataLayer": "readonly"
}
}
You can find more documentation on the Eslint doc page.
Related Posts
Extend Window type with Typescript
Some of the object properties or functions are not available in the Typescript Window type. Let see a way to extend the Window type with the missing properties.
Gatsby + Netlify CMS + TailwindCSS Starter
Just created a new starter coming from some of my website development and powered with Gatsby.
How to get a React element as an HTML string
For use cases, you may want to have the generated HTML string from your React component instead of a mounted component rendered on the page. The simplest way is to use the renderToString function provided by the react-dom package.
Featured Posts
How to deal with Docker Hub rate limit on AWS
Since 2020, DockerHub has been limited to only 200 container image pull requests per six hours. This article will help you to deal with this limitation on AWS.
How to enable Python type checking in VSCode
Python now has support for type hints. In this article, we will see how to enable better IntelliSense and type checking analysis in VSCode.
How to manage Internationalization with NextJS SSG
Staticaly generating a website with the NextJS framework in different languages is not so obvious.