React render после получения ответа от сервера

Есть страница защищенная приватным роутом, где я проверяю, что пользователь авторизован и является владельцем некоторых данных, коротые я получаю с сервера. И проблема в том что идет постоянное перенаправление на аутентификацию, так как данные не успевают прийти. Как можно дождаться ответа и только после отрисовать компроненты?

const ProjectOwnerPrivateRoute: FC = () => {
    const {projectId} = useParams()
    const {isAuthenticated, specialistId} = useAppSelector(state => state.specialistReducer)
    const {data, getSpecialist} = useRetrieveSpecialist()

    useEffect(() => {
        if (specialistId) {
            getSpecialist(specialistId)
        }
    }, [])

    if (isAuthenticated && data.includes(projectId)) {
        return <Outlet/>
    } else {
        return <Navigate to={PAGE.AUTHENTICATION}/>
    }
}

export default ProjectOwnerPrivateRoute