Компонент обновляется все время, вызывая ненужные фоновые вызовы API

Question

У меня есть компонент, который использует новые реакции реагировать.Чтобы получить состояние для компонента, я вызываю API.Я заметил, что компонент все время обновляется, вызывая множество вызовов API.

Мой код компонента

import InstalledSocialMediaList from './hook'

export default function(props) {
    console.log("refresh installed")
    var [list] = InstalledSocialMediaList()

    return (
        <ListGroup>
            {list.map((item) =>
                {rendering}
            )}
        </ListGroup>
    )
}

и хук js

const InstalledSocialMediaList = localStorageKey => {
    const [list, setList] = React.useState([]);

    Api.fetchInstalledSocialMedia().then(l => {
        setList(l)
    })

    function handleListChanged() {
        Api.fetchInstalledSocialMedia().then(l => {
            setList(l)
        })
    }

    return [list, handleListChanged]
}

export default InstalledSocialMediaList