im trying to displaying data to this component

const {settings, getSettings} = useSettings();
const fetchSettings = async() => {
    await getSettings();
    console.log(settings); //result: {}
};
useEffect(() => {
    fetchSettings()
},[])

from this file Settings.js but im getting blank object. Please tell me what i am doing wrong. Thank you

export default function useSettings() {    
    const [settings, setSettings] = useState({});    
    const getSettings = async () => {
        try {            
            if (response.status === 200) {
                setSettings(response.data);
                console.log(response.data); // logged data from the db
            }
        } catch (e) {
            console.log(e);
        }
    }
    return {
        settings,
        getSettings
    }
}