Questions tagged [react-hooks]
React Hooks are a feature that allows developers to use state(s) and other React component lifecycle features without writing a class-based component.
react-hooks
30,911
questions
0
votes
0
answers
6
views
How can I use mutationfn with a reusable API file
import axios from "axios";
const axiosInstance= axios.create({
baseURL:"https://jsonplaceholder.typicode.com"
})
class APIClient<T>{
endpoint:string
constructor(...
- 1
-1
votes
0
answers
9
views
React useGsap with scrolltrigger not updating actual width of the DOM element
/* eslint-disable @next/next/no-img-element */
"use client";
import { useLayoutEffect, useRef } from "react";
import { useGSAP } from "@gsap/react";
import { ...
0
votes
0
answers
9
views
Notifee Custom Sound works in foreground, not in background and kill mode in React Native
const queryClient = new QueryClient();
const Root = (props) => {
const { hasNotifPermission, requestNotifPermission } = useNotificationsPermission();
useEffect(() => {
LogBox....
- 1
0
votes
2
answers
66
views
useState hook not functioning properly
So I am creating a clone of Google Gemini using React js and I am keeping a useState hook to keep the track of the chat history in the format that gemini API requires (array of objects where each ...
0
votes
0
answers
49
views
Not able to get inside the for loop in React js
I am making a To-Do App. I am using React frontend, Node backend, and Postgresql DB.
I made a component called <TaskLists /> which takes three properties or props:
startDate
endDate
allTasks
...
- 21
0
votes
1
answer
30
views
Cannot update state from child element in React (functional components)
I want to have a child component reference and update a state; however, when I try to do so, it only works once or twice before breaking. Strangely, the parent element can still update the state.
...
-3
votes
0
answers
16
views
Invariant failed: A state mutation was detected between dispatches [closed]
This is the body of the code
const tableHeader = [
{ title: "Product name", widthClass: "w-[25%]" },
{ title: "Product category", widthClass: "w-[19%...
0
votes
0
answers
28
views
How to make a tooltip for a column in a table if the text in the column is larger than 250 pixels
I am using tailwind and shadcn for development.
My idea is that if the text in a column is larger than a certain number of pixels, it should be possible to see a tooltip from the shadcn library for ...
- 81
0
votes
1
answer
59
views
Change in locale is not affecting the application
I am creating an application with dayjs as the date-time library. In the application I am setting the default locale to "en" at the app level and when I am changing the language in the ...
- 171
0
votes
2
answers
36
views
Working of useSearchDebounce custom react hook
I found this code from this answer https://stackoverflow.com/a/68780417/26420821
How does it work?
export function useSearchDebounce(delay = 350) {
const [search, setSearch] = useState(null);
...
- 1
0
votes
1
answer
21
views
useState returning empty array on default state, using react + supabase
I need help to understand why when I console.log(menus) on Menu.jsx it returns an array of values, but if I console.log(item) it only returns an empty array, while the default value of the item is &...
- 55
0
votes
1
answer
62
views
onClick method not working in my React Project [closed]
I am creating a react eCommerce project everything is done but I'm having troubles in login page I created an account in firebase and configured it to allow user to login via their google account.
For ...
0
votes
1
answer
19
views
Keep scroll bar Y position after re-render in react
I tried all other similar questions here but there were about 3 years ago questions and answers which's not working right now.
So I have a child component which contains table and in the parent ...
0
votes
3
answers
53
views
Multi-line Truncated Text with "..." in the end
I need help with Multi-line Truncated Text. I can't cut the final word with "..." in text block with randon string number
So this is my solution which cut the end of my block, but without &...
- 3
0
votes
0
answers
20
views
Redux State Does Not Change When Modified From useInterval
so im trying to load user data from localStorage and set it to the redux user state. heres what i have done:
Where The User Is Being Used:
import Fruit from "../components/Fruit"
import { ...
- 15