toast가 작동하지 않습니다.

[kmsgm]

toast를 사용하려고 하는데 공식문서에서처럼 실행되지 않고 있습니다...

일단 잘 되는지 확인해보려고 App.js파일에서 실행해보았습니다.

import { toast, ToastContainer } from "react-toastify";

function App() {
    const notify = () => {
        toast("🦄 Wow so easy!", {
            position: "bottom-right",
        });
    };

    return (
        <>
        <div className="App">
            <button onClick={notify}>토스트</button>
        </div>
        <ToastContainer />
        </>

결과

토스트 버튼을 클릭하면 이렇게 나옵니다!
글자 아래 회색 박스는 버튼 같은데 왜 버튼이 저기 생기는지 전혀 모르겠네요...

[kmsgm]

오.... 해결했습니다
import "react-toastify/dist/ReactToastify.css"; 얘를 적어줬어야 했네요...ㅎㅎ