I want to store some data in a state inside useEffect but when reloading the state is not populated

Question

const [user, setUser] = useState({});

useLayoutEffect(() => {
    props.getInitialData();
    setUser(
        props.user.user && props.user.user.user && props.user.user.user._id
    );
    
}, []);

But what happens is when I try to console.log(user) after refresh,it gives null Also when i try to console the user state from a click event inside a function like: The user data is comming from a redux store. props.getInitialData populates the redux store and is visible in the devtools-extension also

const addToCart = () => {
        console.log(user);
        
    };

it gives null

The user state gives null only after refresh but when i change some code on vs code and do save with ctrl+s it works as expected.