@monetr/notify

    Installation

    npm
    yarn
    pnpm
    bun
    deno
    npm install @monetr/notify

    Peer dependencies

    Requires React 18 or 19.

    {
  "peerDependencies": {
    "react": "^18.0 || ^19.0.0",
    "react-dom": "^18.0 || ^19.0.0"
  }
}

    Quick start

    Wrap your app in <SnackbarProvider> once. Then call useSnackbar() anywhere inside.

    import { SnackbarProvider, useSnackbar } from '@monetr/notify';

function Root() {
  return (
    <SnackbarProvider maxSnack={5}>
      <App />
    </SnackbarProvider>
  );
}

function SaveButton() {
  const { enqueueSnackbar } = useSnackbar();
  return (
    <button onClick={() => enqueueSnackbar('Saved', { variant: 'success' })}>
      Save
    </button>
  );
}

    That's it. The toast renderer chunk lazy-loads on the first enqueueSnackbar call.

    Migrating from notistack

    The names and signatures match notistack v3 for the API surface used in @monetr/monetr. Migrating is usually a one-line import change.

    - import { SnackbarProvider, useSnackbar } from 'notistack';
+ import { SnackbarProvider, useSnackbar } from '@monetr/notify';

    See the API reference for the full surface this package exposes.