React axios await dispatch in UseEffect

I need to wait for my axios action to dispatch before continuing in UseEffect

import { getBrief } from '../../store/actions/agency-brief'
import agencyBriefReducer from '../../store/reducers/agency-brief-reducer'

    const [agencyBrief, dispatch] = useReducer(agencyBriefReducer, [])
    
          useEffect(async () => {   
            await getBrief(briefId)(dispatch);
            console.log('BRIEF', agencyBrief)
          }, [])

So console log here is undefined, I need to wait before

action:

export const getBrief = (briefID) => async (dispatch) => {
    try {
        let res = await axiosInstance.get(`/agency_briefs/reactGetBrief/${briefID}`)
        console.log('sre', res )
        return dispatch({ 
            type: 'GET_BRIEF', 
            payload: res.data
        }) 
     }
     catch (err) {
         console.error(err);
     }
}

reducer:

const agencyBriefReducer = (state, {payload, type}) => {
    switch (type) {
        case 'GET_BRIEF':
                return {
                    ...state,
                    brief: payload
                }   
        default:
            return state
    }
}

I’ve tried async / await but it doesn’t work, I need to wait so I can use the result to set the state ? Thanks