use next/future/image if next>=12.3.0 (#870)

* use `next/future/image` if next>=12.3.0 * remove from next.config in swr
shuding · Oct 7, 2022 · 02bc6fc · 02bc6fc
1 parent b7f7cf6
commit 02bc6fc
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/.changeset/eighty-icons-fry.md b/.changeset/eighty-icons-fry.md
@@ -0,0 +1,5 @@
+---
+'nextra': patch
+---
+
+use `next/future/image` if next>=12.3.0
diff --git a/examples/swr-site/next.config.js b/examples/swr-site/next.config.js
@@ -65,8 +65,5 @@ module.exports = withNextra({
   reactStrictMode: true,
   experimental: {
     newNextLinkBehavior: true,
-    images: {
-      allowFutureImage: true,
-    },
   },
 });
diff --git a/packages/nextra/src/index.js b/packages/nextra/src/index.js
@@ -1,3 +1,4 @@
+import next from 'next/package.json'
 import { NextraPlugin, pageMapCache } from './plugin'
 import {
   DEFAULT_LOCALE,
@@ -7,6 +8,10 @@ import {
 
 const DEFAULT_EXTENSIONS = ['js', 'jsx', 'ts', 'tsx']
 
+const [major, minor] = next.version.split('.').map(Number)
+const nextVersion = major + (0.1 * minor)
+const hasFutureImage = nextVersion >= 12.3
+
 const nextra = (...config) =>
   function withNextra(nextConfig = {}) {
     const nextraConfig =
@@ -41,7 +46,7 @@ const nextra = (...config) =>
           defaultLocale: nextConfig.i18n?.defaultLocale || DEFAULT_LOCALE,
           pageMapCache,
           newNextLinkBehavior: nextConfig.experimental?.newNextLinkBehavior,
-          allowFutureImage: nextConfig.experimental?.images?.allowFutureImage
+          allowFutureImage: hasFutureImage
         }
 
         config.module.rules.push(