Skip to main content
Filter by
Sorted by
Tagged with
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 ...
Hekmat's user avatar
  • 403
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] = ...
ygowthaman's user avatar
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 ...
Tim van Dam's user avatar
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 ...
Kacper Sitarz's user avatar
-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 ...
VSim's user avatar
  • 1
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, ...
Sarthak Agarwal's user avatar
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-...
Deep Ponkiya's user avatar
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 ...
Beginner Laravel's user avatar
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 "...
DK Antonio's user avatar
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 ...
Arfin Arif's user avatar
-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 ...
max's user avatar
  • 301
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 ...
Carlos Dubón's user avatar
-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....
F-Developer's user avatar
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 ...
medHedi's user avatar
-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 ...
Harshit Thakurr's user avatar
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 ...
sonphung.xf's user avatar
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 ...
Andrew Nguyen's user avatar
-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 ...
Lucas Palacios's user avatar
-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'...
Aaron's user avatar
  • 45
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....
allexj's user avatar
  • 11
-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'...
hauretax's user avatar
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 ...
user3587624's user avatar
  • 1,433
-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 ...
Osama's user avatar
  • 1
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 ...
Wesley's user avatar
  • 5,605
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 ...
aadlc's user avatar
  • 965
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, ...
snake202222's user avatar
-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 ...
Vitor Andrade de Oliveira's user avatar
-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 ...
Emily's user avatar
  • 137
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 ...
Axl Gaming's user avatar
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; }) => { ...
nullromo's user avatar
  • 2,501
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 ...
wildfruit's user avatar
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 ( &...
Laczkó Örs's user avatar
  • 1,098
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 ...
Ayoub oulaarbi's user avatar
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 ...
Simo D.'s user avatar
  • 43
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 ...
kashan ilyas's user avatar
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: ...
Rahul Aggarwal's user avatar
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/...
Vishal Ravanank's user avatar
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 ...
Vrushik's user avatar
  • 11
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 ...
Josh's user avatar
  • 1
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, ...
Stoble's user avatar
  • 11
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 ...
m19v's user avatar
  • 2,146
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/...
Tom Stevenson's user avatar
-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 ...
Charles Tagne's user avatar
-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 ...
lamb p's user avatar
  • 37
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). ...
timo's user avatar
  • 13
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 ...
Prajwal Kulkarni's user avatar
-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 ...
Matteo's user avatar
  • 1
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 ...
Zieac's user avatar
  • 111
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 ...
NaY's user avatar
  • 21
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 ...
Eugene Han's user avatar

1
2 3 4 5
9601