use gatsby-plugin-react-intl instead

__tests__/community.spec.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import renderer from 'react-test-renderer'
-import { IntlContextProvider } from 'gatsby-plugin-intl'
+import { IntlContextProvider } from 'gatsby-plugin-react-intl'
 import messages from '../src/intl/en.json'
 import Community from '../src/components/Community'
 

__tests__/i18n-operation.spec.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import renderer from 'react-test-renderer'
-import { IntlContextProvider } from 'gatsby-plugin-intl'
+import { IntlContextProvider } from 'gatsby-plugin-react-intl'
 import messages from '../src/intl/en.json'
 import I18nOperation from '../src/components/I18nOperation'
 

__tests__/product.spec.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import renderer from 'react-test-renderer'
-import { IntlContextProvider } from 'gatsby-plugin-intl'
+import { IntlContextProvider } from 'gatsby-plugin-react-intl'
 import messages from '../src/intl/en.json'
 import Product from '../src/components/Product'
 

__tests__/slido.spec.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import renderer from 'react-test-renderer'
-import { IntlContextProvider } from 'gatsby-plugin-intl'
+import { IntlContextProvider } from 'gatsby-plugin-react-intl'
 import messages from '../src/intl/en.json'
 import Slide from '../src/components/Slide'
 

__tests__/work.spec.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import renderer from 'react-test-renderer'
-import { IntlContextProvider } from 'gatsby-plugin-intl'
+import { IntlContextProvider } from 'gatsby-plugin-react-intl'
 import messages from '../src/intl/en.json'
 import Work from '../src/components/Work'
 

gatsby-config.js

@@ -28,7 +28,7 @@ module.exports = {
     },
     `gatsby-plugin-typescript`,
     {
-      resolve: `gatsby-plugin-intl`,
+      resolve: `gatsby-plugin-react-intl`,
       options: {
         path: `${__dirname}/src/intl`,
         languages: [`en`, `ja`],

package.json

@@ -21,7 +21,7 @@
     "gatsby-image": "2.11.0",
     "gatsby-plugin-google-adsense": "1.1.3",
     "gatsby-plugin-google-analytics": "2.11.0",
-    "gatsby-plugin-intl": "0.3.3",
+    "gatsby-plugin-react-intl": "1.3.0",
     "gatsby-plugin-manifest": "2.12.1",
     "gatsby-plugin-react-helmet": "4.14.0",
     "gatsby-plugin-react-svg": "3.0.1",

src/components/Card/index.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { useIntl } from 'gatsby-plugin-intl'
+import { useIntl } from 'gatsby-plugin-react-intl'
 import * as SC from './index.module.scss'
 import { SiteMetadataTypes } from '../../types'
 import { NekoButton } from 'nekohack-ui'

src/components/Community/index.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { useIntl } from 'gatsby-plugin-intl'
+import { useIntl } from 'gatsby-plugin-react-intl'
 
 type CommunityProps = {
   data: Array<unknown>

src/components/Footer/index.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { useIntl } from 'gatsby-plugin-intl'
+import { useIntl } from 'gatsby-plugin-react-intl'
 import * as SC from './index.module.scss'
 
 const Footer: FC = () => {

src/components/Introduction/index.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { useIntl } from 'gatsby-plugin-intl'
+import { useIntl } from 'gatsby-plugin-react-intl'
 
 type IntroductionProps = {
   data: any

src/components/Nav/index.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { IntlContextConsumer, changeLocale } from 'gatsby-plugin-intl'
+import { IntlContextConsumer, changeLocale } from 'gatsby-plugin-react-intl'
 import * as SC from './index.module.scss'
 
 const languageName: {

src/components/Payment/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import { useIntl } from 'gatsby-plugin-intl'
+import { useIntl } from 'gatsby-plugin-react-intl'
 import { NekoButton } from 'nekohack-ui'
 import * as SC from './index.module.scss'
 

src/components/Product/index.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { useIntl } from 'gatsby-plugin-intl'
+import { useIntl } from 'gatsby-plugin-react-intl'
 
 type ProductProps = {
   data: Array<{

src/components/Redirect/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { injectIntl } from 'gatsby-plugin-intl'
+import { injectIntl } from 'gatsby-plugin-react-intl'
 import SEO from '../SEO'
 
 const Redirect = ({ intl }: any) => {

src/components/Slide/index.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { useIntl } from 'gatsby-plugin-intl'
+import { useIntl } from 'gatsby-plugin-react-intl'
 import dayjs from 'dayjs'
 
 type SlideProps = {

src/components/Work/index.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { useIntl } from 'gatsby-plugin-intl'
+import { useIntl } from 'gatsby-plugin-react-intl'
 
 type WorkProps = {
   data: Array<unknown>