[Error][Recoil] recoil__WEBPACK_IMPORTED_MODULE_0___default(...) is not a function

갑자기 이 에러가 떠서 무슨 문제인지 에러메시지를 읽는 것만으로는 이해하기 어려웠는데, stackoverflow에서 찾아보니 간단히 해결할수 있었다.
recoil을 사용하면서 useRecoilState를 잘못 import했기 때문이었다.
import useRecoilState from "recoil"

이렇게 import문을 작성했는데,

import {useRecoilState} from "recoil"

이렇게 올바르게 수정해주니 해결되었다.

Reference

• https://stackoverflow.com/questions/63990313/recoil-webpack-imported-module-0-default-is-not-a-function/63991006#63991006