refactor: Refactor componentDidUpdate in ImageEditor.js

[kyoyadmoon]

Purpose

• 為了更新 React 18，將原本的 UNSAFE_componentWillReceiveProps 的部分改成 componentDidUpdate，因為沒有改寫成 functional component，原本的 enzyme 測試就不需要改
• 另外補充為什麼不改寫成 functional component 的原因：原本的 ImageEditor 程式碼似乎有刻意利用 class component 的特性去提供 getCroppingRect、getImageCanvas 等方法讓外部調用，由於此次目的不在重構成 functional component，想盡可能減少 API 變動的風險，所以決定維持 class component，只替換掉 unsafe lifecycle 就好

[sonarqubecloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[codecov]

Codecov Report

Merging #419 (9fefd36) into refactor/remove-unsafe-lifecycles-part3 (225ff52) will increase coverage by 0.01%.
Report is 2 commits behind head on refactor/remove-unsafe-lifecycles-part3.
The diff coverage is 100.00%.

Additional details and impacted files

@@                             Coverage Diff                             @@
##           refactor/remove-unsafe-lifecycles-part3     #419      +/-   ##
===========================================================================
+ Coverage                                    88.18%   88.20%   +0.01%     
===========================================================================
  Files                                          151      151              
  Lines                                         1600     1602       +2     
  Branches                                       278      278              
===========================================================================
+ Hits                                          1411     1413       +2     
  Misses                                         189      189              

Files	Coverage Δ
packages/imageeditor/src/ImageEditor.js	98.33% <100.00%> (+0.02%)	⬆️

... and 1 file with indirect coverage changes

[chenesan]

👍 記得如果是 functional component 要用 useImperativeHandle 之類的方式才能從 ref 呼叫方法的事，覺得維持 class 也很好