Questions tagged [reactjs]
React is a JavaScript library for building user interfaces. It uses a declarative, component-based paradigm and aims to be efficient and flexible.
reactjs
479,418
questions
0
votes
0
answers
4
views
How to Return Total of the month based on dates in JavaScript(React)
I wrote a hook to calculate sales based on month to set data for chart.
its work fine, but I'm not satisfied.
is there a different or easy way to avoid repeating and make code clean and extendable!
...
-1
votes
0
answers
10
views
--watch/-w can be omitted, JSON Server 1+ watches for file changes by default [closed]
i have a problem when i use npm:
--watch/-w can be omitted, JSON Server 1+ watches for file changes by default
please helps me:<
i update node.js and changes content database.json but fail.i search ...
0
votes
1
answer
10
views
react state that is initalized by props does not update when component recieves new props [duplicate]
I am using Next.js with a component that is first skeleton-loaded while the website waits for the data (using tanstack react query):
if (isPending) {
return <MyComponent
name={"...
0
votes
0
answers
11
views
Issue with Drag and Drop Elements using react-dnd in React
I am using the react-dnd library to implement a drag-and-drop feature for tasks between columns in a React application. I encountered an issue where dragging tasks behaves incorrectly:
Problem on the ...
0
votes
0
answers
16
views
HTTPS link in HTML Form being converted to HTTP with 443 port on load inside Iframe
Good afternoon everyone. I am working to embed reports in our application with the report service provider of Domo. I have created the following component.
import React from 'react';
const ...
0
votes
0
answers
7
views
Can any one explain how i can manage context with tanstack router?
AuthcontextProvider.tsx
import {ReactNode, useEffect, useState} from 'react';
import {AuthContext} from './AuthContext';
import {Token, User} from '@/types';
import {QUERY_KEYS} from '@/lib/react-...
0
votes
1
answer
15
views
How to make React-Email & Resend work with Firebase Cloud Functions
I have a Nextjs app that utilizes both React-Email, Resend & Firebase Cloud Functions. The directory structure looks like this:
I want to send an email to a user whenever a doc is created in &...
0
votes
1
answer
12
views
React client-side mock-up question: managing state v.s localStorage
I'm creating a client-side only mockup of a gym-class management system. I have a models folder with javascript dummy user objects that will provide default user credentials and info. However, I want ...
0
votes
0
answers
6
views
react-select-async-paginate: (0 , import_use_lazy_ref.useLazyRef) is not a function
I have a custom react component build on storybook. I am using import Select, { components } from 'react-select'; and import { AsyncPaginate, withAsyncPaginate } from 'react-select-async-paginate';
...
0
votes
2
answers
37
views
React - Frontend Component submit handler calling API function doing a fetch, but not waiting for the returned value
I have a handler for a form submit that takes a user image, sends it to the back, does stuff on that image, and gives the modified image back (as a base64) to the front to be displayed.
Sending and ...
0
votes
1
answer
11
views
How to mock React.UseContext with Jest
I am trying to write a unit test for a component that contains the usage of values that come from a context file.
import { globalContext } from "../../globalContext";
const { rowId, num, ...
0
votes
0
answers
7
views
Microfrontends - Module Federation - React - Vite - preact/signals-react - Not Working from remote
I'm starting a project from scratch.
I would like to work with the signals feature from preact.
Right now i can make **signals ** work locally on my host, but when i import a component from a **remote ...
0
votes
0
answers
17
views
Having trouble loading a createObjectUrl() image in React
In my express/react project, I'm using the google places api to get city images. I send the image to the client as a blob, then use URL.createObjectURL(blob) to convert it into a url.
express:
...
0
votes
0
answers
5
views
Getting exception while setting up an detox project
Getting exception after executing this command
npx detox build -c android
FAILURE: Build failed with an exception.
What went wrong:
Execution failed for task ':app:...
0
votes
1
answer
14
views
React RouterDom doesnt work on outlet and subroutes
I have this following route config
export function App() {
return (
<>
<PrimeReactProvider>
<BrowserRouter>
<Routes>
...