context-example.js

// <App/>
export const NotificationContext = React.createContext({...})
return (
 <NotificationContext.Provider value={{ notification, setNotification }}>
   // any child component can consume these values directly
 </NotificationContext.Provider>
)
 
 
 
// <Notification/>
import { useContext } from 'react'
export const Notification = (props) => {
 const { notification } = useContext(NotificationContext)
}
 
 
 
// <FormComponent/>
import { useContext } from 'react'
export const FormComponent = (props) => {
 const { setNotification } = useContext(NotificationContext)
 const sendNotification = () => {
   setNotification('Success')
 }
 }