0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

React chakura ui のmodalが閉じなくなった時の対処法

Posted at
"framer-motion": "^7.2.0”をpackage jsonに追加してyarn install

メモ:React 18.0.0 でChakraUIのModalを閉じると他の要素がクリックできなくなった
https://chihaso.hatenablog.com/entry/2022/04/08/201155
と同様の現象?

chakura ui でmodalを使用しようとしたら、エラーは起きなかったが、モーダルが閉じなくなった
(具体的には、見た目が消えるが、バックにモーダルが残っている感じがする、というか残っている)

https://github.com/chakra-ui/chakra-ui/issues/5321
英語版ですが、上記のリンクに解決が載ってます

結論

  • 依存関係と推移的な依存関係のyarn upgrade削除と比較の実行node_modules
  • fromer_motionのいくつかのバージョンを試す
僕の場合は
package.jsonに
 "framer-motion": "^7.2.0",//(色々バナバージョンを試してみる)
を適当に書いて

yarn installを実行

framer-motion
をyarn installしたら治る理由はまた今度調べる予定です

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?