https://github.com/luanbitar/gatsby-plugin-provide-react

You don't need to import React in all of your components
https://github.com/luanbitar/gatsby-plugin-provide-react

gatsby gatsby-plugin gatsbyjs react

Last synced: 2 months ago
JSON representation

You don't need to import React in all of your components

• Host: GitHub
• URL: https://github.com/luanbitar/gatsby-plugin-provide-react
• Owner: luanbitar
• License: cc0-1.0
• Created: 2020-01-07T20:10:57.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-10-11T00:09:05.000Z (over 1 year ago)
• Last Synced: 2024-04-26T20:46:54.032Z (9 months ago)
• Topics: gatsby, gatsby-plugin, gatsbyjs, react
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/gatsby-plugin-provide-react
• Size: 12.7 KB
• Stars: 9
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
[![Version](https://img.shields.io/npm/v/gatsby-plugin-provide-react.svg)](https://www.npmjs.com/package/gatsby-plugin-provide-react)

[![Downloads Total](https://img.shields.io/npm/dt/gatsby-plugin-provide-react.svg)](https://www.npmjs.com/package/gatsby-plugin-provide-react)

# gatsby-plugin-provide-react

You don't need to import React anymore.

Say good bye to:

```javascript

import React from "react"

```

Provides to all of your components React instances.

## Install

`$ npm i gatsby-plugin-provide-react`

or

`$ yarn add gatsby-plugin-provide-react`

## How to use

Add the plugin to your `gatsby-config.js`.

```javascript

module.exports = {

  plugins: [

    `gatsby-plugin-provide-react`

  ]

}

```

## Common error

If you are getting: 

```

error  'React' must be in scope when using JSX

```

You need to create an empty `.eslintrc` in root of your folder. This error occurs from eslint.

If you are using eslint in your project, just update this key to your config:

```javascript

{

  "rules": {

    "no-undef": "off"

  }

}

```