Troubleshooting

Error: API dipanggil tapi dialog tidak muncul

Pastikan <Notifin /> sudah dimount di root aplikasi.

<>
  <Notifin />
  {children}
</>

Error: Memanggil notifin.* sebelum host ready

Panggil API hanya setelah komponen React sudah mounted dan host tersedia.

Styling terlihat tidak sesuai

Checklist:

• Tidak ada CSS global yang menimpa class .nf-*.
• Jika override theme, pastikan class valid dan tidak typo.
• Uji di light/dark jika pakai colorScheme="system".

Dialog tidak bisa ditutup dengan ESC

Aktifkan allowEscapeClose: true dan pastikan dialog dismissible: true.

notifin.info("Press esc to close", {
  dismissible: true,
  allowEscapeClose: true,
});

Queue terasa menumpuk

Gunakan pattern berikut:

• Tambahkan duration untuk pesan non-critical.
• Gunakan notifin.update agar tidak membuat dialog baru.
• Gunakan notifin.dismiss(id) saat flow selesai.

Animasi ingin dimatikan total

<Notifin motion="none" />