javascript - 吐司没有显示正确的样式 - nextjs

Question

我正在使用react-toastify.

_app.tsx：

import { ToastContainer } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';

...

  return (
    <AppStateProvider>
      <MainProvider>
      <HeaderProvider>
        <Component {...pageProps} />
        <ToastContainer
          position="top-right"
          autoClose={5000}
          hideProgressBar={false}
          newestOnTop={false}
          closeOnClick
          rtl={true}
          pauseOnFocusLoss
          draggable
          pauseOnHover
        />
       </HeaderProvider>
       </MainProvider>
    </AppStateProvider>
  );
}

在我的组件中：

toast.success( "success")

但它显示如下：

但在演示中它显示：