[React] Chiarimento su useEffect

[fermat]

ciao!

sto iniziando un nuovo progetto con react e un template di prime react.
all'epoca usavo sempre le classi, invece adesso vedo che vanno per la maggiore i componenti funzionali.

ma a questo punto ho un quesito su una cosa che non capisco:

    useEffect(() => {
        if (!authService.isLoggedIn()) {
            navigate('/login');
        }

        const productService = new ProductService();
        productService.getProducts().then((data) => setProducts(data));
        ordersOptions = getOrdersOptions();
        setOverviewColors();

        serviziService.get()
            .then(res => {
                console.log(res.data);
            });
    }, []);

perchè quel console.log lo vedo due volte come se facessi due volte il richiamo alla funzione??
ovviamente ho controllato, e non lo richiamo due volte.
infatti se lo commento non lo vedo più in console.

[fermat]

ok ho capito il problema:

root.render(
    <React.StrictMode>
        <HashRouter>
            <AppWrapper></AppWrapper>
        </HashRouter>
    </React.StrictMode>
);

la StrictMode.
mi pare anche di capire che in produzione non fa questo giochetto.
ma a questo punto la domanda è: mi serve sta StrictMode??