Function ToastProvider

starters/hooks/src/Toast.tsx:21–30

({children}: ToastProviderProps)

}

export function ToastProvider({children}: ToastProviderProps) {
  let state = useToastState<string>({maxVisibleToasts: 5});

  return (
    <>
      {children(state)}
      {state.visibleToasts.length > 0 && <ToastRegion state={state} />}
    </>
  );
}

function ToastRegion({state, ...props}: AriaToastRegionProps & {state: ToastState<string>}) {
  let ref = useRef<HTMLDivElement>(null);