Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | 1x 15x | import { Alert, useAlert } from '@lib/components/Alert'; import React from 'react'; import { createContext } from 'react'; interface AlertRenderData { message: string; } const AlertContext = createContext<{ openAlert: (nextRenderData: AlertRenderData) => Promise<unknown>; }>({ openAlert: async () => { // pass } }); export const useAlertContext = () => React.useContext(AlertContext); export function AlertProvider({ children }: { children: React.ReactNode }) { const { props: alertProps, openAlertWithAwait: openAlert } = useAlert(); const value = React.useMemo(() => ({ openAlert }), [openAlert]); return ( <AlertContext.Provider value={value}> {children} <Alert {...alertProps} /> </AlertContext.Provider> ); } |