React Modal Provider

Install

npm install @eduenano27/react-modal-provider

app.tsx

import { ModalProvider } from '@eduenano27/react-modal-provider';

createInertiaApp({
    title: (title) => `${title} - ${appName}`,

    resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),

    setup({ el, App, props })
    {
        return createRoot(el).render(
            <ModalProvider component={Modal}>
                <App {...props} />
            </ModalProvider>
        );
    }
});

example.tsx

import { useModal } from "@eduenano27/react-modal-provider";

export default function Example() {
    const { showModal } = useModal();
    
    const onShow = () => showModal({ title: 'Demo', content: <Component/> })
    
    return (
        <button onClick={ onShow }>Show Modal</button>
    );
}