480,006
questions
0
votes
0
answers
5
views
React do some work after dispatch store method in fulfilled reducer state
I have a dispatch method like this:
dispatch(fetchData(...)).then(()=> {
//do some work after fulfilled
})
and in store I have this methods:
// ** Fetch Invoices
...
0
votes
0
answers
4
views
How to update state from a sibling component in React
I have a web page with a side panel and a main panel. The main panel is a chat screen. I have the following code there.
const MainPanel = (({ chatList }) => {
const [userChat, setUserChat] = ...
0
votes
1
answer
11
views
Custom Icon indexes aren't being displayed to the left of the hamburger menu
I have a couple of Apexchart-charts with custom edit and delete icons added to the toolbar. They only show on hover. I'd like to position them left from the hamburger menu, but I haven't been able to ...
0
votes
0
answers
5
views
Create white text outline in react native
I need to create a dynamic white outline of the text in React Native. Im trying to figure it out for several hours and can't resolve the issue. iOS only.
It should look like this:
And be applied to ...
-2
votes
0
answers
10
views
Pull User's LinkedIn saved posts
I'm currently working on developing a web application to organize and consolidate bookmarks from LinkedIn. I'm looking for the relevant API that will enable users to authorize my app to access their ...
4
votes
0
answers
26
views
Cancel Backend Processing in Node.js When Client-Side Aborts Request (MERN Stack)
Overview
I am working on a MERN stack application, and I need help handling request cancellations in my Node.js backend, particularly when a client-side request is aborted.
Details
In my application, ...
0
votes
0
answers
7
views
how to get full version history of SharePoint list item from from begining
Additional environment details
"@pnp/sp": "^3.13.0", "react": "17.0.1",
"@microsoft/sp-core-library": "^1.17.1",
"@microsoft/sp-...
0
votes
0
answers
14
views
How to Merge Headers in tanstack/react-table
I'm working with @tanstack/react-table in a React app and trying to merge headers for a specific column like the example in the screenshot I posted. I want to merge the ones I circled green.
Here's a ...
0
votes
0
answers
5
views
React Native Expo SQLiteProvider not working
It keeps giving me error of
None of these files exist:
appdatabase.db
app\assets\database\appdatabase.db
Below is my code
All file and path are correctly stated
import { SessionProvider } from "...
0
votes
0
answers
8
views
Mobile responsive issue with framer motion in react
I build this project using React and bootstrap and it was complete responsive when I added framer motion it cause responsive issue as can be seen in the image. What I am doing wrong? here you can see ...
-1
votes
0
answers
25
views
Gray Border Around Mobile View at 50% Zoom in React App
I am working on a React app, and I've encountered a layout issue when viewing the app in mobile device emulation at 50% zoom in Chrome DevTools. A gray border appears only on the right and bottom ...
0
votes
0
answers
8
views
expo-av how to load an audio stream?
I'm trying to implement expo-av to load an audio stream. It works, but it loads the audio in about 25 seconds which I find too slow... I don't see a user waiting 25 seconds for the audio to load, he ...
-3
votes
1
answer
35
views
Is there a way to validate and allow only https url's using .isUri i.e. without using Regex in JavaScript?
Is there a way to validate "https" url's using .isUri in javascript (it should return true only for https url's)? (any other method should be fine except regex)
https://test.com //true
test....
0
votes
0
answers
17
views
Issue with Axios POST request to Flask backend in AI model
I'm working on a React frontend and Flask backend, and I'm encountering a CORS issue when sending a POST request from the frontend to a Flask route (/predict). The GET request to the root (/) works ...
-1
votes
0
answers
16
views
How to enable vim, vi, and nano to work in Xterm.js?
I am developing a web-based terminal in a Next.js application. The frontend communicates with an API (/api/socket) that opens a WebSocket session with a Go application. The Go application establishes ...
0
votes
1
answer
21
views
Does shadcn/ui SelectTrigger click event blocked when another SelectContent opening?
Like the tiltle said, I have two shadcn/ui Select components, when SelectContent2 opening then i click to SelectTrigger1 the content of of SelectContent1 doesn't show immediately. Does it contain any ...
0
votes
0
answers
12
views
Clarifai - Getting 400 error when running face-detection
When I put in a URL and run the API call, I get a 400 error specifically pointing out the fetch() function. I am unsure what I am doing wrong or if my code is wrong. My current code:
import { useState ...
-1
votes
0
answers
14
views
Someone know how to solve this error. I can't do it [closed]
Starting the development server...
C:\Users\Usuario\Desktop\Fullmindtech\APP CAMARAS\frontcountcars\node_modules\react-scripts\scripts\start.js:19
throw err;
^
TypeError: Cannot read properties of ...
-1
votes
0
answers
11
views
How is this React component library able to use drag and drop on SVGs?
First off, this is NOT a duplicate of all those other questions trying to implement drag and drop for svgs and answerers telling them they can't - somehow this code I'm reading HAS done it, and I can'...
0
votes
0
answers
19
views
This code bypass React protections to XSS. Is there any other malicious way?
<td>{props.seller.webpage ? <Button as="a" href={props.seller.webpage} target="_blank">Open</Button> : "N/A"} </td>
because if instead of props....
-4
votes
0
answers
31
views
I try to make a class to turn my react neater. and now use efffect or requestAnimation make my game controller disconect [closed]
my old gamePage look like this she was abel to refresh and keep connection whit gamepad:
import React, { useEffect, useState, useRef } from 'react';
import GamepadManager from '../utils/GamepadManager'...
0
votes
1
answer
28
views
React Youtube card. Playbutton not rendering properly in CSS
I have below example where I am trying to render a YouTube card. The issue I am facing is that the play button white background is not adjusting into the play icon that I am setting through my CSS ...
-4
votes
0
answers
13
views
How to Resolve CSP Error with Paddle in a React Application? [closed]
I'm on react and when I try to open the paddle checkout, I get a response with this CORS error:
[Report Only] Refused to frame 'https://sandbox-buy.paddle.com/' because an ancestor violates the ...
0
votes
0
answers
13
views
Change Color of Dynamically created elements in React + React Hook Form
I'm using React Hook forms to create some dynamic forms.
React Hook Forms has a function for creating repeatable elements called useFieldArray.
In some of these repeatable, dynamic elements I need to ...
0
votes
0
answers
13
views
Next.js 14 App Router: Code after return still executing, causing unexpected behavior
Issue:
I'm encountering an issue in a Next.js 14 App Router project where code after a return statement is still being executed, even though the condition for returning a component is met. This ...
0
votes
0
answers
7
views
Improve my AuthGuard for NextJS with Firebase
I am working with the T3 Stack and got stuck creating an AuthGuard. This AuthGuard essentially acts as a Page Manager that redirects the user to the appropriate page.
I have set up a working version, ...
-3
votes
0
answers
27
views
NODEJS + REACT + POSTEGREE - Module not found?
I'm trying to create a website in nodejs, I download a template and start to modify the static part, now I need to add the dynamic part.
I have a postgree database (genezio) and I need to display some ...
-2
votes
0
answers
13
views
Style button with linear gradient border and inner shadow Tailwind CSS and Next.js [closed]
I hope you can help me to style this Button with Tailwind css and Next.js.
Below you can find the image of the Button and also the Image of styles. The button should have this border color with linear ...
0
votes
0
answers
8
views
How to make a wordcloud on React nodejs using data from a DB?
I'm trying to make a wordcloud from data that i extracted from a database on SQL, this table have a column named text_data and i'm trying to make the wordcloud using the info on that column but i'm ...
1
vote
2
answers
39
views
Set element width based on a string that is not in the element
I have a React component that can render one string or another.
const MyComponent = (props: {
readonly textA: string;
readonly textB: string;
readonly renderB: boolean;
}) => {
...
0
votes
2
answers
29
views
Passing function with arguments as a prop and invoking it internally in React
I got a Badge component in my React app. The badge can be painted in different colors. In order to make it more universal i've decided to add a prop called getBadgeColor. The idea is to implement ...
0
votes
0
answers
15
views
Creating a React library with Vite and Lingui
I'm trying to create a React library with Lingui using Vite.
For simplicity let's say I have a Welcome component:
import { Trans } from "@lingui/macro";
function Welcome() {
return (
&...
0
votes
0
answers
11
views
can I customize the error in Next-auth (nextjs)?
I am trying to add authentication to my nextjs app using Next-auth (using the credentials provider) and I can't find a way to customize the error (i.e wrong password, email doesn't exist ...)
here is ...
0
votes
0
answers
26
views
React-hook-form: how to add logic to the onChange property in a custom input
I am working in a project using react with typescript, and I'm using react-hook-form and the form component that comes with shadcn/ui: https://ui.shadcn.com/docs/components/input#form
For my case, I ...
0
votes
0
answers
12
views
highcharts in react customization with plotlines and custom marker only on new data point
I am using highcharts and highcharts-react-official to create chart for eth Realtime price. I also show user currentround details that i am getting in startedRoundData from partent component and it ...
0
votes
1
answer
16
views
Uploadthing Error: Something went wrong. Please contact UploadThing and provide the following cause: RetryError
How to resolve this issue it only cause on the production environment. It upload image on the upload thing but does not redirect to next page.
enter image description here
Error:-
UploadThingError: ...
1
vote
2
answers
26
views
I want to create a dynamic route in react js using react-route-dom. Route will be /property-in-city/ where "city" will be dynamic
Here's a routes I have created so far.
<BrowserRouter>
<Routes>
<Route path="/" exact element={<FrontPage />} />
<Route path="/property-in-:cityName/...
0
votes
0
answers
9
views
How to Deploy Nextjs 14.2.4 in cPanel ? with Application mode = production
When I deploy my app on cPanel, the code is successfully deployed in development mode. However, after some time, I encounter a 404 error in the network tab indicating that certain chunk and CSS files ...
0
votes
0
answers
13
views
Setting up Google Enhanced Conversion Tracking with React and GA4
I'm trying to setup Enhanced Conversion Tracking as per the instructions here: https://support.google.com/google-ads/answer/13258081
I am using React-GA4, and have the following code.
For ...
0
votes
0
answers
12
views
I'm trying to pass the dispatch() function of asyncThunk as an argument, but I can't figure out the correct type
I have a hook like this
import { PayloadAction } from '@reduxjs/toolkit';
import { useEffect, useState } from 'react';
export const useOptimistic = ({
initialState,
createAction,
deleteAction,
...
0
votes
0
answers
16
views
How to run a command after cleaning outDir and before of each vite build?
I would like to run a script (e.g. to generate DTOs into /dist necessary for build phase) defined in package.json before each vite build and used buildStart hook as follows:
// vite.config.ts
export ...
1
vote
0
answers
8
views
How to Create a Windows Executable with Electron Forge that Adds a Desktop Shortcut?
I'm working on an Electron app and using electron-forge to build the executable file. My goal is to create an installer that behaves like a typical Windows installer, including creating an app icon/...
-1
votes
0
answers
25
views
Laravel 11 Session Authentication [closed]
I’m struggling with Laravel 11 cookie session authentication. Could someone provide me with a step-by-step guide? It works on Laravel 10, but I’m lost with Laravel 11—I keep getting CSRF mismatch or ...
-2
votes
0
answers
21
views
Stripe Pay Employees via React [closed]
I'm building an app with React in the frontend and NodeJS with Firebase in the backend.
I want to pay my employees their salaries using stripe payroll/payout for this.
Can someone please guide me to ...
0
votes
2
answers
23
views
Checkbox cannot change state when updated from onBlur event
I have a component (selector) which contains a checkbox and another div (selectorPane).
The checkbox state controls the selectorPane visibility (by assigning/not-assigning the 'visible' css class).
...
0
votes
0
answers
20
views
How to access auth token from client store on axios interceptor running on server
I'm building a NextJS application (app router) where an API endpoint returns an auth token and a refresh token upon successful login. Further, there are routes that use server components within which ...
-4
votes
1
answer
34
views
How to add input entries to a list [closed]
I'm building a resume builder project with react and I feel a bit stuck on how to add to a list (the resume view) the entries I type into the inputs.
I made it work initially creating a function that ...
1
vote
0
answers
8
views
Use Web3 in React but encountered nth-check vulnerability
I am trying to use web3 in React but keep running into nth-check vulnerability when I try to install web3 packages. After googling I realized that this has been a common problem and can usually be ...
1
vote
0
answers
21
views
Is there a way I can use MUI with tailwindcss without setting the preflight to false?
I want to use MUI components on my already setup project with tailwindcss. On default when the preflight is enabled, the MUI components styling conflicts with the tailwind styling and I get weird css ...
0
votes
0
answers
10
views
Closing Lex chatbot window leaves shadow outline
I am integrating AWS Lex into my React website following this guide: https://aws.amazon.com/blogs/machine-learning/deploy-a-web-ui-for-your-chatbot/
For clarity, here is my Function Component on the ...