Coming from react-hot-toast

What carries over from the web library, and what is different.

react-hot-toast renders DOM elements, so it runs only on the web; it cannot render in a native app. This package rebuilds its API on native views, so toast code written for a React web app ports by changing the import:

Diff
- import toast, { Toaster } from 'react-hot-toast';
+ import toast, { Toaster } from 'expo-hot-toast';

The same

toast, toast.success, toast.error, toast.loading, toast.custom, toast.promise, toast.dismiss, toast.remove, <Toaster> with position, toastOptions (including per-type buckets) and reverseOrder, <ToastBar> inside the Toaster’s render function, iconTheme, removeDelay, resolveValue and useToaster.

Different

react-hot-toastexpo-hot-toast
classNameNo CSS here: use style, textStyle and theme
ariaPropsaccessibilityLabel and important
Up to 20 toasts on screen3 per position (visibleToasts); the rest queue instead of being dropped
guttergap (gutter still works)
toastLimitvisibleToasts (toastLimit still works)
useToaster(toastOptions, toasterId)useToaster({ toastOptions, toasterId })
calculateOffset, updateHeightNot needed: layout places toasts
iconTheme.secondary fills the icon’s markAccepted, unused: the built-in glyphs are single strokes

New

Things react-hot-toast does not have:

Last updated on Oct 25, 2026

Edit on GitHub