In the blog application I developed, the home page is supposed to display blog posts from all authors with images of the posts and their profile pictures. However, I am encountering an issue where the images are not being displayed due to a (failed)net::ERR_BLOCKED_BY_ORB error in the network requests. Additionally, when new blog posts are created, the images temporarily appear but later disappear when revisiting the website.
useEffect(() => {
const fetchPosts = async () => {
setIsLoading(true);
try {
const response = await axios.get(`${process.env.REACT_APP_BASE_URL}/posts`);
console.log("API Response:", response); // Logging the API response
setPosts(response?.data);
} catch (err) {
console.log("Error fetching posts:", err); // Logging errors
}
setIsLoading(false);
};
fetchPosts();
}, []);
I have tried checking the console log for any issues but cannot find any problems related to user info display