From 99b57c1484f5876751829d81674a34996f627b6b Mon Sep 17 00:00:00 2001 From: Elliot Hesp Date: Thu, 20 Dec 2018 19:08:57 +0000 Subject: [PATCH] Fix gatsby-plugin-react-helmet for v6.0.0 (#10578) ## Description In version 6.0.0 of react-helmet, the default export has been removed. There is now only a named export, e.g. ``` import { Helmet } from 'react-helmet'; ``` In v5.x.x, both a default export and named are exported. Change is here: https://github.com/nfl/react-helmet/commit/20ea3858f503ec521ad5b1facdac5816a0019317#diff-cc54072daf5278847980b841520c8fffL287 This is a backwards compatible change. v5 has an annoying bug (https://github.com/nfl/react-helmet/issues/373) which v6 seems to fix. --- .../2017-07-19-creating-a-blog-with-gatsby/index.md | 6 +++--- docs/blog/2017-11-06-migrate-hugo-gatsby/index.md | 2 +- .../index.md | 4 ++-- docs/docs/add-seo-component.md | 4 ++-- docs/docs/adding-tags-and-categories-to-blog-posts.md | 2 +- docs/docs/authentication-tutorial.md | 2 +- docs/docs/migrating-from-v1-to-v2.md | 2 +- e2e-tests/gatsby-image/src/components/layout.js | 2 +- e2e-tests/path-prefix/src/components/layout.js | 2 +- e2e-tests/production-runtime/src/components/layout.js | 2 +- examples/simple-auth/src/components/Layout/index.js | 2 +- examples/using-cxs/src/pages/index.js | 2 +- .../using-emotion-prismjs/src/components/layout.js | 2 +- examples/using-emotion/src/pages/index.js | 2 +- examples/using-faker/src/layouts/index.js | 2 +- .../src/components/HelmetBlock/index.js | 2 +- .../src/components/Layouts/master.js | 2 +- examples/using-jest/src/components/layout.js | 2 +- examples/using-mongodb/src/layouts/index.js | 2 +- examples/using-page-transitions/src/layouts/index.js | 2 +- .../src/pages/index.js | 2 +- examples/using-redirects/src/components/layout.js | 2 +- .../using-remark-copy-linked-files/src/pages/index.js | 2 +- .../src/templates/blog-post.js | 2 +- examples/using-styled-components/src/pages/index.js | 2 +- packages/gatsby-plugin-react-helmet/src/gatsby-ssr.js | 11 ++++++----- packages/gatsby/cache-dir/api-ssr-docs.js | 2 +- www/src/components/layout/layout-with-heading.js | 2 +- www/src/components/package-readme.js | 2 +- www/src/components/showcase-details.js | 2 +- www/src/components/site-metadata.js | 2 +- www/src/pages/blog/tags.js | 2 +- www/src/pages/docs/actions.js | 2 +- www/src/pages/docs/browser-apis.js | 2 +- www/src/pages/docs/index.js | 2 +- www/src/pages/docs/node-apis.js | 2 +- www/src/pages/docs/ssr-apis.js | 2 +- www/src/pages/features.js | 2 +- www/src/pages/index.js | 2 +- www/src/pages/newsletter.js | 2 +- www/src/templates/template-blog-list.js | 2 +- www/src/templates/template-blog-post.js | 2 +- www/src/templates/template-creator-details.js | 2 +- www/src/templates/template-docs-markdown.js | 2 +- www/src/templates/template-starter-page.js | 2 +- www/src/views/creators/index.js | 2 +- www/src/views/showcase/index.js | 2 +- www/src/views/starter-library/index.js | 2 +- 48 files changed, 57 insertions(+), 56 deletions(-) diff --git a/docs/blog/2017-07-19-creating-a-blog-with-gatsby/index.md b/docs/blog/2017-07-19-creating-a-blog-with-gatsby/index.md index b65cfcbfd3244..adeb677260877 100644 --- a/docs/blog/2017-07-19-creating-a-blog-with-gatsby/index.md +++ b/docs/blog/2017-07-19-creating-a-blog-with-gatsby/index.md @@ -260,7 +260,7 @@ We'll want to create the file `src/templates/blog-post.js` (please create the ```javascript:title=src/templates/blog-post.js import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" // import '../css/blog-post.css'; // make it pretty! @@ -302,7 +302,7 @@ specified earlier. ```javascript:title=src/templates/blog-post.js import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { graphql } from "gatsby" // import '../css/blog-post.css'; @@ -546,7 +546,7 @@ available within the browser and the statically generated site. ```javascript:title=src/pages/index.js import React from "react" import { Link, graphql } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" // import '../css/index.css'; // add some style if you want! diff --git a/docs/blog/2017-11-06-migrate-hugo-gatsby/index.md b/docs/blog/2017-11-06-migrate-hugo-gatsby/index.md index f46e0d7468e21..7fb7e1bbc18fd 100644 --- a/docs/blog/2017-11-06-migrate-hugo-gatsby/index.md +++ b/docs/blog/2017-11-06-migrate-hugo-gatsby/index.md @@ -432,7 +432,7 @@ that Gatsby delivers the HTML page at `/admin`. ```jsx import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" const AdminPage = () => (
diff --git a/docs/blog/2018-06-07-build-a-gatsby-blog-using-the-cosmic-js-source-plugin/index.md b/docs/blog/2018-06-07-build-a-gatsby-blog-using-the-cosmic-js-source-plugin/index.md index c07a49f907db6..ff8477c08ce93 100644 --- a/docs/blog/2018-06-07-build-a-gatsby-blog-using-the-cosmic-js-source-plugin/index.md +++ b/docs/blog/2018-06-07-build-a-gatsby-blog-using-the-cosmic-js-source-plugin/index.md @@ -122,7 +122,7 @@ First, we want to display the list of posts on the homepage. To do so, add the f import React from "react" import { Link } from "gatsby" import get from "lodash/get" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import Bio from "../components/Bio" import { rhythm } from "../utils/typography" @@ -211,7 +211,7 @@ Create the template at `src/templates/blog-post.js`: ```javascript import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { Link } from "gatsby" import get from "lodash/get" diff --git a/docs/docs/add-seo-component.md b/docs/docs/add-seo-component.md index bde86e99d676b..d7a1f44a724b3 100644 --- a/docs/docs/add-seo-component.md +++ b/docs/docs/add-seo-component.md @@ -30,7 +30,7 @@ Create a new component with this initial boilerplate: ```jsx:title=src/components/SEO.js import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import PropTypes from "prop-types" import { StaticQuery, graphql } from "gatsby" @@ -124,7 +124,7 @@ The last step is to return this data with the help of `Helmet`. Your complete SE ```jsx:title=src/components/SEO.js import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import PropTypes from "prop-types" import { StaticQuery, graphql } from "gatsby" diff --git a/docs/docs/adding-tags-and-categories-to-blog-posts.md b/docs/docs/adding-tags-and-categories-to-blog-posts.md index e67783fe0ee02..8334486017d99 100644 --- a/docs/docs/adding-tags-and-categories-to-blog-posts.md +++ b/docs/docs/adding-tags-and-categories-to-blog-posts.md @@ -241,7 +241,7 @@ import PropTypes from "prop-types" import kebabCase from "lodash/kebabCase" // Components -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { Link, graphql } from "gatsby" const TagsPage = ({ diff --git a/docs/docs/authentication-tutorial.md b/docs/docs/authentication-tutorial.md index e0724b043b4d7..5e771b2109a60 100644 --- a/docs/docs/authentication-tutorial.md +++ b/docs/docs/authentication-tutorial.md @@ -65,7 +65,7 @@ And edit the layout component to include it: ```jsx:title=src/components/layout.js import React from "react" import PropTypes from "prop-types" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { StaticQuery, graphql } from "gatsby" import Header from "./header" diff --git a/docs/docs/migrating-from-v1-to-v2.md b/docs/docs/migrating-from-v1-to-v2.md index 3084f5753882b..2a3cb2685d612 100644 --- a/docs/docs/migrating-from-v1-to-v2.md +++ b/docs/docs/migrating-from-v1-to-v2.md @@ -215,7 +215,7 @@ Replacing a layout's query with `StaticQuery`: ```diff:title=src/components/layout.js import React, { Fragment } from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" + import { StaticQuery, graphql } from "gatsby" - export default ({ children, data }) => ( diff --git a/e2e-tests/gatsby-image/src/components/layout.js b/e2e-tests/gatsby-image/src/components/layout.js index a7d548aaec986..22b8f2fb64b5b 100644 --- a/e2e-tests/gatsby-image/src/components/layout.js +++ b/e2e-tests/gatsby-image/src/components/layout.js @@ -1,6 +1,6 @@ import React from 'react' import PropTypes from 'prop-types' -import Helmet from 'react-helmet' +import { Helmet } from 'react-helmet' import { StaticQuery, graphql } from 'gatsby' import Header from './header' diff --git a/e2e-tests/path-prefix/src/components/layout.js b/e2e-tests/path-prefix/src/components/layout.js index a7d548aaec986..22b8f2fb64b5b 100644 --- a/e2e-tests/path-prefix/src/components/layout.js +++ b/e2e-tests/path-prefix/src/components/layout.js @@ -1,6 +1,6 @@ import React from 'react' import PropTypes from 'prop-types' -import Helmet from 'react-helmet' +import { Helmet } from 'react-helmet' import { StaticQuery, graphql } from 'gatsby' import Header from './header' diff --git a/e2e-tests/production-runtime/src/components/layout.js b/e2e-tests/production-runtime/src/components/layout.js index a7d548aaec986..22b8f2fb64b5b 100644 --- a/e2e-tests/production-runtime/src/components/layout.js +++ b/e2e-tests/production-runtime/src/components/layout.js @@ -1,6 +1,6 @@ import React from 'react' import PropTypes from 'prop-types' -import Helmet from 'react-helmet' +import { Helmet } from 'react-helmet' import { StaticQuery, graphql } from 'gatsby' import Header from './header' diff --git a/examples/simple-auth/src/components/Layout/index.js b/examples/simple-auth/src/components/Layout/index.js index 67ee926b1a4db..303938f1ff9f5 100644 --- a/examples/simple-auth/src/components/Layout/index.js +++ b/examples/simple-auth/src/components/Layout/index.js @@ -1,5 +1,5 @@ import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import Header from "../Header" diff --git a/examples/using-cxs/src/pages/index.js b/examples/using-cxs/src/pages/index.js index a97f61e4f6b90..4c5eceea1c04a 100644 --- a/examples/using-cxs/src/pages/index.js +++ b/examples/using-cxs/src/pages/index.js @@ -1,5 +1,5 @@ import React, { Fragment } from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import cxs from "cxs" // Create a Title component that'll render an

tag with some styles diff --git a/examples/using-emotion-prismjs/src/components/layout.js b/examples/using-emotion-prismjs/src/components/layout.js index 1fe889249b6d4..fa69eaecd9ec4 100644 --- a/examples/using-emotion-prismjs/src/components/layout.js +++ b/examples/using-emotion-prismjs/src/components/layout.js @@ -2,7 +2,7 @@ import React, { Fragment } from "react" import { Link, StaticQuery, graphql } from "gatsby" import PropTypes from "prop-types" import { css } from "react-emotion" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { rhythm } from "../utils/typography" import "../prism-styles" diff --git a/examples/using-emotion/src/pages/index.js b/examples/using-emotion/src/pages/index.js index c801a6e29149f..9d49d30f7ca6f 100644 --- a/examples/using-emotion/src/pages/index.js +++ b/examples/using-emotion/src/pages/index.js @@ -1,5 +1,5 @@ import React, { Fragment } from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import styled from "@emotion/styled" import { css, Global } from "@emotion/core" diff --git a/examples/using-faker/src/layouts/index.js b/examples/using-faker/src/layouts/index.js index 846c1e5f33939..e39acf3c333c5 100644 --- a/examples/using-faker/src/layouts/index.js +++ b/examples/using-faker/src/layouts/index.js @@ -1,7 +1,7 @@ import React from "react" import PropTypes from "prop-types" import { Link, graphql } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import "./index.css" diff --git a/examples/using-javascript-transforms/src/components/HelmetBlock/index.js b/examples/using-javascript-transforms/src/components/HelmetBlock/index.js index 9a56311210173..8f7129cf58021 100644 --- a/examples/using-javascript-transforms/src/components/HelmetBlock/index.js +++ b/examples/using-javascript-transforms/src/components/HelmetBlock/index.js @@ -1,5 +1,5 @@ import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import moment from "moment" class HelmetBlock extends React.Component { diff --git a/examples/using-javascript-transforms/src/components/Layouts/master.js b/examples/using-javascript-transforms/src/components/Layouts/master.js index 1f0d4f954b094..b89c7e877634d 100644 --- a/examples/using-javascript-transforms/src/components/Layouts/master.js +++ b/examples/using-javascript-transforms/src/components/Layouts/master.js @@ -1,5 +1,5 @@ import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import "../../static/css/base.scss" class MasterLayout extends React.Component { diff --git a/examples/using-jest/src/components/layout.js b/examples/using-jest/src/components/layout.js index 8103ed0a65493..8465c7098884c 100644 --- a/examples/using-jest/src/components/layout.js +++ b/examples/using-jest/src/components/layout.js @@ -1,6 +1,6 @@ import React from 'react' import PropTypes from 'prop-types' -import Helmet from 'react-helmet' +import { Helmet } from 'react-helmet' import { StaticQuery, graphql } from 'gatsby' import Header from './header' diff --git a/examples/using-mongodb/src/layouts/index.js b/examples/using-mongodb/src/layouts/index.js index 99bd4a346f5be..6667e6195321f 100644 --- a/examples/using-mongodb/src/layouts/index.js +++ b/examples/using-mongodb/src/layouts/index.js @@ -1,6 +1,6 @@ import React from "react" import { Link } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" class DefaultLayout extends React.Component { render() { diff --git a/examples/using-page-transitions/src/layouts/index.js b/examples/using-page-transitions/src/layouts/index.js index 3e54b945cd473..95e079414a6b8 100644 --- a/examples/using-page-transitions/src/layouts/index.js +++ b/examples/using-page-transitions/src/layouts/index.js @@ -1,6 +1,6 @@ import React from "react" import { Link } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import Transition from "../components/transition" import "./layout.css" diff --git a/examples/using-prefetching-preloading-modules/src/pages/index.js b/examples/using-prefetching-preloading-modules/src/pages/index.js index 72d6ed4052341..45f3d760bb652 100644 --- a/examples/using-prefetching-preloading-modules/src/pages/index.js +++ b/examples/using-prefetching-preloading-modules/src/pages/index.js @@ -1,5 +1,5 @@ import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import styled from "styled-components" import DynamicComponent from "../components/DynamicComponent" import "./style.css" diff --git a/examples/using-redirects/src/components/layout.js b/examples/using-redirects/src/components/layout.js index 961a4217f7c15..33a918a37bf1b 100644 --- a/examples/using-redirects/src/components/layout.js +++ b/examples/using-redirects/src/components/layout.js @@ -1,7 +1,7 @@ import React from "react" import PropTypes from "prop-types" import { Link } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import "./layout.css" import "./selected.css" diff --git a/examples/using-remark-copy-linked-files/src/pages/index.js b/examples/using-remark-copy-linked-files/src/pages/index.js index 2924521ef3a6f..2e9d5514b2e31 100644 --- a/examples/using-remark-copy-linked-files/src/pages/index.js +++ b/examples/using-remark-copy-linked-files/src/pages/index.js @@ -1,7 +1,7 @@ import React from "react" import { Link, graphql } from "gatsby" import get from "lodash/get" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import Layout from "../components/layout" import Bio from "../components/Bio" diff --git a/examples/using-remark-copy-linked-files/src/templates/blog-post.js b/examples/using-remark-copy-linked-files/src/templates/blog-post.js index 6dd793147e43f..55b9c071edd87 100644 --- a/examples/using-remark-copy-linked-files/src/templates/blog-post.js +++ b/examples/using-remark-copy-linked-files/src/templates/blog-post.js @@ -1,5 +1,5 @@ import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { graphql } from "gatsby" import get from "lodash/get" diff --git a/examples/using-styled-components/src/pages/index.js b/examples/using-styled-components/src/pages/index.js index 15fe1e88ce65a..a11fafc4a1f87 100644 --- a/examples/using-styled-components/src/pages/index.js +++ b/examples/using-styled-components/src/pages/index.js @@ -1,5 +1,5 @@ import React, { Fragment } from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import styled, { createGlobalStyle } from "styled-components" const GlobalStyle = createGlobalStyle` diff --git a/packages/gatsby-plugin-react-helmet/src/gatsby-ssr.js b/packages/gatsby-plugin-react-helmet/src/gatsby-ssr.js index 98e753bc97402..2a1e538024d97 100644 --- a/packages/gatsby-plugin-react-helmet/src/gatsby-ssr.js +++ b/packages/gatsby-plugin-react-helmet/src/gatsby-ssr.js @@ -1,9 +1,10 @@ -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" -exports.onRenderBody = ( - { setHeadComponents, setHtmlAttributes, setBodyAttributes }, - pluginOptions -) => { +exports.onRenderBody = ({ + setHeadComponents, + setHtmlAttributes, + setBodyAttributes, +}) => { const helmet = Helmet.renderStatic() // These action functions were added partway through the Gatsby 1.x cycle. if (setHtmlAttributes) { diff --git a/packages/gatsby/cache-dir/api-ssr-docs.js b/packages/gatsby/cache-dir/api-ssr-docs.js index 6890ea7150b75..009ec69184a64 100644 --- a/packages/gatsby/cache-dir/api-ssr-docs.js +++ b/packages/gatsby/cache-dir/api-ssr-docs.js @@ -73,7 +73,7 @@ exports.replaceRenderer = true * is merged with other body props and passed to `html.js` as `bodyProps`. * @param {Object} pluginOptions * @example - * const Helmet = require("react-helmet") + * const { Helmet } = require("react-helmet") * * exports.onRenderBody = ( * { setHeadComponents, setHtmlAttributes, setBodyAttributes }, diff --git a/www/src/components/layout/layout-with-heading.js b/www/src/components/layout/layout-with-heading.js index 69cabe8575608..7e78a2b6de292 100644 --- a/www/src/components/layout/layout-with-heading.js +++ b/www/src/components/layout/layout-with-heading.js @@ -1,6 +1,6 @@ import React from "react" import PropTypes from "prop-types" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { SkipNavLink } from "@reach/skip-nav" import { OutboundLink } from "gatsby-plugin-google-analytics" import styled from "react-emotion" diff --git a/www/src/components/package-readme.js b/www/src/components/package-readme.js index 5ce8f30dfe695..b2576fa22cf6b 100644 --- a/www/src/components/package-readme.js +++ b/www/src/components/package-readme.js @@ -1,6 +1,6 @@ import React from "react" import PropTypes from "prop-types" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { Link } from "gatsby" import { colors } from "../utils/presets" diff --git a/www/src/components/showcase-details.js b/www/src/components/showcase-details.js index e3909e42bfd87..14dceda082991 100644 --- a/www/src/components/showcase-details.js +++ b/www/src/components/showcase-details.js @@ -1,5 +1,5 @@ import React, { Fragment } from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import url from "url" import Img from "gatsby-image" import qs from "qs" diff --git a/www/src/components/site-metadata.js b/www/src/components/site-metadata.js index a9125c34a8be0..bcd1e921e48cb 100644 --- a/www/src/components/site-metadata.js +++ b/www/src/components/site-metadata.js @@ -1,5 +1,5 @@ import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { graphql, StaticQuery } from "gatsby" import gatsbyIcon from "../assets/gatsby-icon.png" diff --git a/www/src/pages/blog/tags.js b/www/src/pages/blog/tags.js index a78279e58f3f6..5ef33b449f567 100644 --- a/www/src/pages/blog/tags.js +++ b/www/src/pages/blog/tags.js @@ -6,7 +6,7 @@ import { graphql } from "gatsby" import kebabCase from "lodash/kebabCase" // Components -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { Link } from "gatsby" import Layout from "../../components/layout" import Container from "../../components/container" diff --git a/www/src/pages/docs/actions.js b/www/src/pages/docs/actions.js index 3bfe25c895723..d905c967fde6e 100644 --- a/www/src/pages/docs/actions.js +++ b/www/src/pages/docs/actions.js @@ -1,6 +1,6 @@ import React from "react" import { graphql } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import sortBy from "lodash/sortBy" import Functions from "../../components/function-list" diff --git a/www/src/pages/docs/browser-apis.js b/www/src/pages/docs/browser-apis.js index 091f46d88a55a..266cf81c4bd1a 100644 --- a/www/src/pages/docs/browser-apis.js +++ b/www/src/pages/docs/browser-apis.js @@ -1,6 +1,6 @@ import React from "react" import { graphql } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import sortBy from "lodash/sortBy" import Functions from "../../components/function-list" diff --git a/www/src/pages/docs/index.js b/www/src/pages/docs/index.js index 5c82a326455bc..0f2bfae82d452 100644 --- a/www/src/pages/docs/index.js +++ b/www/src/pages/docs/index.js @@ -1,6 +1,6 @@ import React from "react" import { Link } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import Layout from "../../components/layout" import { itemListDocs } from "../../utils/sidebar/item-list" diff --git a/www/src/pages/docs/node-apis.js b/www/src/pages/docs/node-apis.js index ed886f075e93d..1131a2b954025 100644 --- a/www/src/pages/docs/node-apis.js +++ b/www/src/pages/docs/node-apis.js @@ -1,6 +1,6 @@ import React from "react" import { graphql } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import sortBy from "lodash/sortBy" import Functions from "../../components/function-list" diff --git a/www/src/pages/docs/ssr-apis.js b/www/src/pages/docs/ssr-apis.js index b799175fdbcb1..47b61262868ca 100644 --- a/www/src/pages/docs/ssr-apis.js +++ b/www/src/pages/docs/ssr-apis.js @@ -1,6 +1,6 @@ import React from "react" import { graphql } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import sortBy from "lodash/sortBy" import Functions from "../../components/function-list" diff --git a/www/src/pages/features.js b/www/src/pages/features.js index e5cdb2d7fd304..b76c7cf67972a 100644 --- a/www/src/pages/features.js +++ b/www/src/pages/features.js @@ -1,6 +1,6 @@ import React, { Component } from "react" import { graphql } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import Layout from "../components/layout" import EvaluationTable from "../components/evaluation-table" diff --git a/www/src/pages/index.js b/www/src/pages/index.js index 5520242f02e65..72231435e3c9d 100644 --- a/www/src/pages/index.js +++ b/www/src/pages/index.js @@ -1,6 +1,6 @@ import React from "react" import { graphql } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import Layout from "../components/layout" import presets, { colors } from "../utils/presets" import { rhythm } from "../utils/typography" diff --git a/www/src/pages/newsletter.js b/www/src/pages/newsletter.js index 41b39986d6e9d..acb76135303fb 100644 --- a/www/src/pages/newsletter.js +++ b/www/src/pages/newsletter.js @@ -1,5 +1,5 @@ import React, { Component } from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { rhythm } from "../utils/typography" import { colors } from "../utils/presets" diff --git a/www/src/templates/template-blog-list.js b/www/src/templates/template-blog-list.js index d38971a732965..58bd608a1fd30 100644 --- a/www/src/templates/template-blog-list.js +++ b/www/src/templates/template-blog-list.js @@ -1,6 +1,6 @@ import React from "react" import { graphql } from "gatsby" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import Layout from "../components/layout" import Container from "../components/container" diff --git a/www/src/templates/template-blog-post.js b/www/src/templates/template-blog-post.js index 1b165759a4579..70612df84c390 100644 --- a/www/src/templates/template-blog-post.js +++ b/www/src/templates/template-blog-post.js @@ -1,5 +1,5 @@ import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { Link, graphql } from "gatsby" import rehypeReact from "rehype-react" import ArrowForwardIcon from "react-icons/lib/md/arrow-forward" diff --git a/www/src/templates/template-creator-details.js b/www/src/templates/template-creator-details.js index 5f39a46f16bd5..d1d3bbb6739fb 100644 --- a/www/src/templates/template-creator-details.js +++ b/www/src/templates/template-creator-details.js @@ -1,7 +1,7 @@ import React, { Component } from "react" import { graphql, Link } from "gatsby" import Layout from "../components/layout" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import typography, { rhythm, scale, options } from "../utils/typography" import Img from "gatsby-image" import CreatorsHeader from "../views/creators/creators-header" diff --git a/www/src/templates/template-docs-markdown.js b/www/src/templates/template-docs-markdown.js index 078283770e619..36d203197d9ab 100644 --- a/www/src/templates/template-docs-markdown.js +++ b/www/src/templates/template-docs-markdown.js @@ -1,5 +1,5 @@ import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { graphql } from "gatsby" import Layout from "../components/layout" diff --git a/www/src/templates/template-starter-page.js b/www/src/templates/template-starter-page.js index def25d4ddfc55..1d15edf63c11e 100644 --- a/www/src/templates/template-starter-page.js +++ b/www/src/templates/template-starter-page.js @@ -1,5 +1,5 @@ import React from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import { graphql } from "gatsby" import Layout from "../components/layout" diff --git a/www/src/views/creators/index.js b/www/src/views/creators/index.js index 9282927be61f3..df56111dbac92 100644 --- a/www/src/views/creators/index.js +++ b/www/src/views/creators/index.js @@ -1,5 +1,5 @@ import React, { Component } from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import typography, { rhythm, scale } from "../../utils/typography" import Layout from "../../components/layout" import CreatorsHeader from "./creators-header" diff --git a/www/src/views/showcase/index.js b/www/src/views/showcase/index.js index 40be66848b9eb..78f068aa43516 100644 --- a/www/src/views/showcase/index.js +++ b/www/src/views/showcase/index.js @@ -1,5 +1,5 @@ import React, { Component } from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import FeaturedSites from "./featured-sites" import FilteredShowcase from "./filtered-showcase" diff --git a/www/src/views/starter-library/index.js b/www/src/views/starter-library/index.js index 72ebaff6f569a..7bd122f17ffa4 100644 --- a/www/src/views/starter-library/index.js +++ b/www/src/views/starter-library/index.js @@ -1,5 +1,5 @@ import React, { Component } from "react" -import Helmet from "react-helmet" +import { Helmet } from "react-helmet" import Layout from "../../components/layout" import Unbird from "../../components/unbird" import RRSM from "../../utils/reach-router-state-manager"