Как обновить реакт компонент, после добавление новых данных

Есть приложение, где есть простые CRUD операции. Проблема в том, что при добавлении / удалении какой-то запись, мне нужно отрендить элементы заново. К примеру, после добавлении мне нужно обновить страничку, что бы получить отображение нового.

Знаю, что параметр должен передаваться в useEffect после колбека. Но что туда передавать, не совсем понимаю.

async function fetchData() {
    try {
        const result = await axios.get(getDirectories());
        setDirectories(result.data);
    }
    catch(error) {
        console.error(error);
    }
}
useEffect(() => { fetchData(); }, []);

Первый useState отвечает за состояние, и как его тогда передать? Если directories передать в useEffect[X], то пустая страница.

const [directories, setDirectories] = useState(null);

После этого события, я хочу получить сразу новые данные:

onClick={event => {
          (event); 
          setModal(false);  
}}