I want to fetch data based on a custom hook in react query. if (filter == "NEW") { const { data, isLoading } = useGetConsultasByStatusQueryDate({ status: "NEW", queryDate: allTimeDateQuery(), }); } but shows the next error: React Hook "useGetConsultasByStatusQueryDate" is…
import { useRef, useState } from "react"; import "./styles.css"; function usePrevious(value) { const currRef = useRef(); const previousValue = currRef.current; currRef.current = value; return previousValue; } export default function App() { const [counter, setCounter] = useState(0); const previousValue = usePrevious(counter);…
I'm working on a movie discovery project where I need to fetch data from two APIs (Tmdb movie site) with different response structures (movies and genres endpoints). To avoid duplicating the same logic on every hook that I use to…
I'm playing around with React to build a simple little recipe keeper app and I'm coming across an issue I haven't yet figured out. import { useParams, useHistory, Link } from "react-router-dom"; import useFetch from "./useFetch"; const RecipeDetails = ()…
**i have been stuck with this issue where i am getting this error i have made this custom hooks for validation which i wanted to use in registration form.. ** import { useState } from 'react' function useValidate(formData) { const…
I'm using useQuery inside a custom hook, called usePostData. this is the custom hook code: import { useQuery } from "@tanstack/react-query"; import axios from "axios"; const usePostData = (queryKey, endPoint, object) => useQuery( [queryKey], async () => { await axios…
I am working on a React coding challenge (problem link) and the solution is here. In the problem, the custom hook returns true for the first render, otherwise returns false. import { useRef } from "react"; export function useIsFirstRender(): boolean…
I know that in case of react components the function inside useEffect will run after the component has been rendered. When exactly does it run if the useEffect is inside a custom hook? As a more generic question when do…
I have a custom hook written to show or hide a list when a button clicked. Below is the custom hook snippet I have written: import { useEffect } from "react"; import { useState } from "react"; function useVisibilityStatus() {…
I made custom useFetch hook that is responsible for sending request to the API. Hook returns object with isLoading state, error state and function that triggers fetch request. Problem is when i use it in component and i trigger sendRequest…