مشكلة غند تحديث مكتبات مشروع Gatsby - React

يمكنك ضمن package.json استبدال المكتبة التالية:

react-dom

بالمكتبة:

@hot-loader/react-dom

ولتنصيبها ننفذ الأمر:

npm install -D @hot-loader/react-dom

و نضيف للملف gatsby-node.js:

exports.onCreateWebpackConfig = ({ getConfig, stage }) => {
  const config = getConfig()
  if (stage.startsWith('develop') && config.resolve) {
    config.resolve.alias = {
      ...config.resolve.alias,
      'react-dom': '@hot-loader/react-dom'
    }
  }
}

تحتاج إلى تحديد اصدار React الخاص بـ react-hot-dom في ملف الحزم package

"@hot-loader/react-dom": "{الاصدار الحالي}",

وبعد ذلك تقوم بإضافته في webpack config

alias: { 'react-dom': '@hot-loader/react-dom'  }

حتى يتم الحصول على الاصدارات المناسبة للمكتبات بما يتناسب مع اصدار React الخاص بك