I have a list of items. When I first load the page, I want them to slide in sequentially in rapid succession and then shrink slightly when they arrive at their final destination -- sort of like what would happen…
I have left and right sidebar, then i intended to make some sort of content right at the center of it. But when i make a new js file and define some styling width for it, i realize that my…
I was trying to pass useState properties through Context.Provider value={{theme, setTheme}} as it was written in tutorial, and after receive it with useContext(Context), but it keeps returning me an error: const setCurrentUser: any Property 'setCurrentUser' does not exist on type…
How can I close my Modal which is inside another custom component? My modal is in another component. I have a problem passing a state to the parent component. You can see the parent and child component below. Parent Component:…
I'm trying to use Redux to set a boolean in the state to show/hide an element. Whenever I dispatch a boolean the following error shows: A non-serializable value was detected in the state, which is weird as a boolean is…
I am implementing an admin panel and don't want to expose the panel's front-end code to clients. I figured the best approach would be to configure npm run build to create two builds - one client build and one admin…
How can I send multipart/form data from React to DRF with axios correctly? I have nested serializer in Djnago Rest Framework: class ImageTaskSerializer(serializers.ModelSerializer): class Meta: model = ImageTask fields = ('image', ) class TaskSerializer(serializers.ModelSerializer): images = ImageTaskSerializer(many=True, required=False) class Meta:…
I have two arrays of objects. I'm trying to create a function that can subtract values from one array of objects from another array of object using the same id on name in REACT export default function App() { const…
While trying to fetch images from cloudinary getting this error 'TypeError: Failed to fetch'. Its a MERN project. const fetchPosts = async () => { setLoading(true); try { const response = await fetch("http://localhost:8080/api/v1/post", { method: "GET", headers: { "Content-Type": "application/json",…
Tasks doesn't update (not unless I refresh the page) after submitting/creating a new task. Seems like the useEffect is not running during handleSubmitForm. import React, { useEffect, useState } from "react"; const Tasks = () => { const [tasks, setTasks]…