🐘 findDOMNode is deprecated in StrictMode
作成日: 2022/02/07
1

React上級コース、モーダルを表示するところで以下のようなerrorが出る。

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node
error.png

どうやらfindDOMNodeがお気に召さないらしい。が、しかしfindDOMNodeなんて記述した覚えはナイ。どうしたものかと調べてみたら... どうもモーダル表示させるライブラリが古く非推奨のfindDOMNodeを使っていてStrictModeで引っかかっているとのこと。非推奨なだけで動作はするのだけど、気になるようなら以下のようにindex.jsのReact.StrictModeを削除したまえ、とか書いてあってひとまずそのままにしておくことにした。...釈然としない。

// これを
ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

// こうじゃ
ReactDOM.render(
  <App />,
  document.getElementById('root')
);

参考資料:React warning: findDOMNode is deprecated in StrictMode (2022)


JavaScriptとSassと英語が好き。