owncast/web/utils/alert-message-context.tsx

import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';

export const AlertMessageContext = React.createContext({
    message: null,
    setMessage: (text?: string) => {
        return text;
    }
});

const AlertMessageProvider = ({ children }) => {
    const [message, setMessage] = useState('');
    
    const providerValue = {
        message,
        setMessage
    }
    return (
        <AlertMessageContext.Provider value={providerValue}>{children}</AlertMessageContext.Provider>
    )
}

AlertMessageProvider.propTypes = {
    children: PropTypes.element.isRequired
};

export default AlertMessageProvider;