🙂

next.jsでrecoilを使ってたら出るduplicate atom key~ってやつの解消法

2023/01/22に公開

Next.js

React

Recoil

tech

結論 next.jsの仕様上今はどうしようもないとのこと

日本語の記事だと
next.config.jsで

const withInterceptStdout = require('next-intercept-stdout');
const nextConfig = withInterceptStdout(
  {
    reactStrictMode: true,
    swcMinify: false,
    ignoreDuringBuilds: true,
    staticPageGenerationTimeout: 1000
  },
  (text) => (text.includes('Duplicate atom key') ? '' : text),
);

module.exports = nextConfig

ってやりましょうって記事が出てくるけどもうちょいシンプルにないものかと探していたところ
ちゃんと公式が用意してくれてた

import { RecoilEnv } from "recoil"
RecoilEnv.RECOIL_DUPLICATE_ATOM_KEY_CHECKING_ENABLED = false

探してたつもりだったけど見つけるまで時間がかかってしまっていた、、

issueもあるしみんな困ってたのね

Discussion