React-роутер рендеринг вложенных маршрутов

Question

Мое приложение реакции использует контекст, и его состояние можно изменить из другого компонента. Вот настройка маршрута

<Router>
                <NavBar />
                <Switch>
                    <PostsProvider>
                        <Route exact path='/posts'>
                            <Posts />
                        </Route>{" "}
                        <Route exact path='/stats'>
                            <Stats />
                        </Route>
                    </PostsProvider>
                </Switch>
            </Router>

И контекст настроен только на повторные действия, когда это происходит

const [loadPosts, setLoadPosts] = useState(true);
    useEffect(
        function () {
            fetchPosts();
        },
        [loadPosts]
    );

loadpost изменяется с компонента posts, но странная часть, stats компонент рендерится каждый раз, когда меняется маршрут, несмотря на наличие пустого массива в useEffect каждого подкомпонента, подобного этому

    useEffect(function () {
        fetchData();
    }, []);

А навигационные ссылки заключены в Link Любые предположения, почему это происходит ? и можно ли это предотвратить?