diff --git a/__tests__/community.spec.tsx b/__tests__/community.spec.tsx
index dcf18e70..5f22860b 100644
--- a/__tests__/community.spec.tsx
+++ b/__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'
 
diff --git a/__tests__/i18n-operation.spec.tsx b/__tests__/i18n-operation.spec.tsx
index a3726b63..5d8ad489 100644
--- a/__tests__/i18n-operation.spec.tsx
+++ b/__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'
 
diff --git a/__tests__/product.spec.tsx b/__tests__/product.spec.tsx
index ab49d82a..33baec9a 100644
--- a/__tests__/product.spec.tsx
+++ b/__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'
 
diff --git a/__tests__/slido.spec.tsx b/__tests__/slido.spec.tsx
index f6b6b400..5c7ea33d 100644
--- a/__tests__/slido.spec.tsx
+++ b/__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'
 
diff --git a/__tests__/work.spec.tsx b/__tests__/work.spec.tsx
index c1811171..bf671e32 100644
--- a/__tests__/work.spec.tsx
+++ b/__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'
 
diff --git a/gatsby-config.js b/gatsby-config.js
index 22182bb0..e96af230 100644
--- a/gatsby-config.js
+++ b/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`],
diff --git a/package.json b/package.json
index 9cb113a5..91951ca6 100644
--- a/package.json
+++ b/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",
diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
index ad89fc11..e33a4fe2 100644
--- a/src/components/Card/index.tsx
+++ b/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'
diff --git a/src/components/Community/index.tsx b/src/components/Community/index.tsx
index cfa12294..1b4961bd 100644
--- a/src/components/Community/index.tsx
+++ b/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>
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index ce227001..8717c2e4 100644
--- a/src/components/Footer/index.tsx
+++ b/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 = () => {
diff --git a/src/components/Introduction/index.tsx b/src/components/Introduction/index.tsx
index d98e2c71..2d80b46b 100644
--- a/src/components/Introduction/index.tsx
+++ b/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
diff --git a/src/components/Nav/index.tsx b/src/components/Nav/index.tsx
index cd563ed3..c264dff8 100644
--- a/src/components/Nav/index.tsx
+++ b/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: {
diff --git a/src/components/Payment/index.tsx b/src/components/Payment/index.tsx
index 4bd9bb49..ea942000 100644
--- a/src/components/Payment/index.tsx
+++ b/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'
 
diff --git a/src/components/Product/index.tsx b/src/components/Product/index.tsx
index e0cc6625..82a8bc0f 100644
--- a/src/components/Product/index.tsx
+++ b/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<{
diff --git a/src/components/Redirect/index.tsx b/src/components/Redirect/index.tsx
index c975a2fa..82b5dc3a 100644
--- a/src/components/Redirect/index.tsx
+++ b/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) => {
diff --git a/src/components/Slide/index.tsx b/src/components/Slide/index.tsx
index f3691bbf..ac3021d5 100644
--- a/src/components/Slide/index.tsx
+++ b/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 = {
diff --git a/src/components/Work/index.tsx b/src/components/Work/index.tsx
index 27420ebb..c8060805 100644
--- a/src/components/Work/index.tsx
+++ b/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>