Парни, а как удалить библиотеку с формами, которую к реакту подключил?

это в deps очевидно

@types/*?
babel?
webpack?
node-sass?

а это в devdeps

Сделай класс простой
class ModalMessage {
listeners = [];

setMessage(m){
this.message = m;
this.listeners.forEach(cb => cb(this.message))
}

onChange(callback){
this.listeners.push(callback)
}

removeListener(callback){
…удаление слушателя сам реализуй
получится как-то так
this.listeners= this.listeners.filter(cb => cb != callback)
}
}

window.modalState = new ModalMessage();

В модалке подписываешься на window.modalState вот так
useEffect(()=>{
const makeWork = ()=> ….
window.modalState.onChange(makeWork)
return ()=> window.modalState.removeListener(makeWork)
},[])

Ну и все, в любом месте в коде вызываешь window.modalState.setMessage(….) и модалка появится, можно завязать видимость модалки на то что сообщение не пустое, тогда вызов window.modalState.setMessage(null) скроет модалку