479,715
questions
0
votes
0
answers
7
views
Unable to resolve module expo-router/entry.js when run comand `npx expo run:android --variant release`
Yesterday I upgraded expo 51 to expo 52 and everything is working correctly when I run npx expo start and I test my app in expo go, but when I try to create a local build with npx expo run:android --...
0
votes
0
answers
6
views
Next.js 15 Client and Server Side Validation With Mantine Form and Server Actions
I am using Mantine form for my UI and client side validation: https://mantine.dev/form/validation/
Here is an example of using it:
import { useForm } from '@mantine/form';
import { NumberInput, ...
- 594
0
votes
0
answers
5
views
React Plugin Fails To Load on iPhone Obsidian
Hello Stack Overflow community! I’m just starting to learn Obsidian plugin development and decided to use React 18 and Tailwind CSS for my first project. I’ve encountered an issue that I hope someone ...
- 1
0
votes
0
answers
5
views
Error: (0 , _lib_EnvProvider__WEBPACK_IMPORTED_MODULE_2__.useEnv) is not a function
For some reason, useEnv is not a function, however is, and should be a function. Any ideas into fixing this?
page.tsx
import React from 'react'
import { useEnv } from '@/lib/EnvProvider'
const Main =...
- 1
0
votes
1
answer
15
views
How to build a good data structure for a react state, that allows me to easily update deeply nested array of objects?
I am trying to implement a property (real estate) chain
Each chain item should know which chain item is above/below it
A chain item can have its own sub-chain, and this in turn applies to its sub-...
- 743
0
votes
0
answers
57
views
React Build Error - Unexpected end of JSON input
I'm completely at a loss. I have a React app I've been working on for some time and yesterday I found I was unable to build it. I keep getting the following error on 'npm run build':
Creating an ...
- 61
-4
votes
0
answers
10
views
Good free lib for epg timeline [closed]
i need a free library like this one.
https://planby.app/
i need drag and drop and timeline functionality
i already tried lots of google results. But still cant be able to find something like this one.
- 13
0
votes
0
answers
12
views
react-hook-form with server action: form gets emptied after submit
I'm using Next.js, form actions and react-hook-form to set up a simple form that gets submitted to the server (with a react server action). I can see the form data being received on the server. ...
- 5,722
0
votes
1
answer
37
views
conditionally add prop to a jsx element [duplicate]
I have a react app and am trying to pass down a prop to a jsx element based on a condition. The element in question is an anchor tag and if the condition is true I would like to pass a rel="...
- 123
0
votes
0
answers
21
views
How can I record both the screen and webcam using Canvas at 1080p and 30fps?
I tried this and it worked, but the video starts lagging after 30 seconds. No matter what I do, the video records smoothly for 30 seconds and then starts lagging. Am I missing something?
I'm not using ...
- 371
0
votes
1
answer
11
views
Webpack 5 DLL module resolution react context issues
I'm currently working on a project that relies on React Material UI as a dependency. One of the components uses react context to handle styling. I had to upgrade the project from webpack 4 to webpack ...
-4
votes
0
answers
19
views
How Can I Add Gamification to a Simple To-Do List App Using React?
I’m working on a project as part of the Reimagine This Challenge, where I aim to take a classic to-do list app and make it more engaging by adding gamification elements. My goal is to incorporate ...
0
votes
0
answers
9
views
How to config a react vite project to microfrontend approach using dynamic remotes from module federation?
I have a project that uses react and vite, and I set up a microfrontend approach using @module-federation/vite to get the remotes, also in the remotes the same stack and config. Now I want to dynamic ...
- 317
0
votes
0
answers
11
views
Why does AsyncStorage.getItem throw Cannot read property 'getItem' of undefined in a React Native app when used via a shared npm package?
I'm building a modular system consisting of multiple npm packages for React and React Native projects. Here's the setup:
replyke-core:
Contains shared logic for React and React Native.
Includes a ...
- 3,850
-1
votes
0
answers
11
views
Is It Acceptable to Use a Cleanup Function in useEffect for State Restoration Despite Development Mode Issues?
I am trying to add saved filters to state as I navigate away from this page.
Due to React's Strict Mode, the component mounts, unmounts, and remounts immediately. This causes the cleanup function to ...
- 125
0
votes
0
answers
16
views
React Native Expo: "Element type is invalid" error when using expo-camera in QrScanner component
In this code I had errors:
Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.
2.Warning: Error: Element ...
- 3
-2
votes
1
answer
25
views
How to run 'npm-create-vite@latest' command successfully in VS Code terminal?
I've tried to create vite@latest in Visual Studio Code terminal plugin. Terminal says this error:
npm : File C:\Program Files\nodejs\npm.ps1 cannot be loaded. The file C:\Program Files\nodejs\npm.ps1 ...
0
votes
0
answers
10
views
WebSocket notifications not working with deployed Render URL but working locally
I am experiencing issues with WebSocket in my code. When using the deployed URL from Render (https://polis-backend-test.onrender.com), I do not receive notifications on the frontend. However, when ...
0
votes
0
answers
21
views
HTML5 <video> background not transparent on iOS
I need to use a HTML5 video tag to display a webm file which plays in a loop. I do not want to show any video background or controls. Currently, it looks like this:
.my_video {
display: block;
...
- 152
0
votes
0
answers
16
views
Incorporating three.js landing page in Wordpress woocommerce site
I have a standard WordPress WooCommerce site, and I recently integrated a three.js landing page with links to the WooCommerce site. To display the animated landing page, I added the .js file and an ...
- 55
0
votes
1
answer
31
views
Stripe not showing paymentDetails in production. Using NextJS
I've already tested my application using Sandbox credentials, both publishable key and secret.I'm now trying to enable stripe in production mode.
The issue
In my ui when I change the publishable key ...
- 592
0
votes
0
answers
14
views
Survey js show submit message programmetically
iam using Survey js with React , and need to check if User is submitted before show message which exist on designer mode ( message which indicate user already submitted form )
1
vote
0
answers
20
views
Typescript: Type is assignable to type T but T could be instantiated with a different subtype of constraint error when passing function prop
I've seen quite a few questions about this error, mostly in the form of a function taking a generic that extends a type and expecting the return to be of the same type.
What I currently understand:
...
- 11
0
votes
1
answer
38
views
React function in child component can't see state when called from another component
I have a Parent component containing a Child component.
The Child holds multiple form elements, along with their state and functions to validate them.
The Parent has a form button that, when clicked, ...
- 265
0
votes
1
answer
22
views
Netlify, environment variables are undefined
netlify settings
On the local server everything is working fine, but when I deployed it, the API for firebase from env vars is undefined for some reason...
Of course I added env vars in netlify ...
- 3
-2
votes
0
answers
26
views
How to use fetch/axios call api get data in react is correct? [closed]
I have been learning React with TypeScript for a while now and have a question about fetching server data in React.
In Angular 2, fetching server data using a service is straightforward and easy to ...
- 11
0
votes
0
answers
7
views
Electron: Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'dist/main/menu'
I get the following error when I run npm start
The file does exist in the path. But I still get the error.
App threw an error during load
Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/dist/main/...
- 61
1
vote
0
answers
21
views
set min max in mui textfield type="number" using the slotprops mui v6
i'm trying to set a min max for the textfield component but i didn't find a documentation about the slotProps api
<TextField
fullWidth
label="Discount %&...
0
votes
1
answer
15
views
How to prevent text flicker during input-to-span transition animation tailwind react
I'm implementing an expandable input field that transforms into a span when losing focus. The input expands on focus and shrinks when converting back to a span. While the width animation works ...
- 429
0
votes
0
answers
9
views
How to implement complex form and table in React @netxjs/latest and shadcn/ui
I am trying to port to React/nextjs@latest + shadcn/ui an old php app.
This app allows students to enroll into assembly activities which take place at certain days and hours.
Each day and hour is a ...
0
votes
0
answers
8
views
Generate nested-variable with style-dictionary
I'm using Style Dictionary to generate a theme.js file from JSON tokens. However, the output is flat, and I want to preserve the nested structure of the tokens.
Here’s an example:
Input (tokens/colors....
- 1
0
votes
0
answers
19
views
In react echarts we need to show confidential interval chart above of 20
in below screenshot i need to show the confidence interval chart in above of 20 in react echarts. if we change the confidence interval value many times but it not reflect to above of 20 show in below ...
- 29
1
vote
0
answers
13
views
Text Misalignment in Tables Generated with html2pdf.js and TypeScript
I'm building a TypeScript application that generates PDF documents using html2pdf.js. While the HTML tables render perfectly in the browser, the text inside the table cells appears misaligned (shifted ...
- 11
0
votes
1
answer
19
views
Troubles with plugins in CKEditor
I have troubles with plugins in CKEditor. I want to use table plugins such as Table, TableCellProperties, TableProperties, TableToolbar, but I have some errors when I adding them in config. So here is ...
- 109
1
vote
1
answer
128
views
Expo React Native ts Nativewind ( (NOBRIDGE) ERROR Error: Exception in HostFunction: Unable to convert string to floating point value: "large" )
I have problem with my expo react native with nativewind project,
when I upgrade the expo SDK from 51 to 52 and test the app on actual device iPhone 12 pro via expo app downloaded from app store
it ...
- 13
0
votes
1
answer
31
views
How to Add Borders to Table Rows (Including Expanded Rows) in Ant Design When CSS Overrides Don’t Work?
I'm working with an Ant Design table that includes expandable rows. The table works as expected, but I noticed that none of the rows (main or expanded) have borders, and I’d like to add borders to ...
- 108
-1
votes
2
answers
41
views
EmailJS. Can not send message. SOLVED
When i am trying to send a message using React with above code:
import emailjs from '@emailjs/browser'
const sendEmail = (e) => {
e.preventDefault();
emailjs.sendForm('gmail', '...
-4
votes
0
answers
20
views
How to resolve execution policy issues when running npm create vite@latest command?
npm create vite@latest my-vue-app -- --template vue
npm : File C:\Program Files\nodejs\npm.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see
...
0
votes
0
answers
14
views
How to create such a swiper/slider/carousel with animated indicators using framer motion?
I've created this slider/swiper using GSAP draggable for swipes and timeline for animating indicators.
Unfortunately, in order to make draggable more natural, it's required to use inertia plugin which ...
- 44
0
votes
0
answers
14
views
React Text Selection with overlaping sentences
`The user selects and highlights a sentence, and I capture the highlighted text along with its start index. A popup then appears, allowing the user to choose custom colors to highlight the selected ...
0
votes
1
answer
15
views
next js persist server side variable after Link navigation
I got a NextJS app that needs to meet a very specific scenario. Few pages of the app will be rendered inside a React Native Web View and I need to hide certain components when it is done (header and ...
- 109
-4
votes
0
answers
32
views
Uncaught (in promise) Error: Could not find identifiable element [closed]
I am using reactjs with antd, I have a form and inside it a bunch of form.items
using a component called Radio.Group with Radio as the options,
I want to add an option for 'other' and when that is ...
- 414
1
vote
1
answer
26
views
Changing mantine TextInput error border color
Is there a way to use a selector to change the border color for Mantine V6 TextInput when the error is set?
I can do this by setting the borderColor within the sx object as follows:
<TextInput sx={{...
- 71
0
votes
1
answer
22
views
"Next.js Production Build Error: '.next' Directory Not Found"
Error: Could not find a production build in the '.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-...
- 1
0
votes
0
answers
17
views
Select multiple month in MonthCalendar from MUI mui/x-date-pickers
So in MUI I want to select the multiple months like i can select from Jan to July and there should be border display on selected months like in MUI days selection.
<MonthCalendar
views={['...
-1
votes
0
answers
33
views
how to make nested table with group column using ant design [closed]
I have made nested table and its work but how about if we make nested table with group column.
|2019-2020 | 2020-2021 | 2021-2022 |
| ...
1
vote
0
answers
18
views
Setting up Keycloak using keycloak-js on nextjs app - context values not updating
i'm trying to set up keycloak on my next-js app using keycloak-js, It needs to be setup in a way where it is able to do something like the screenshot attachedkeycloak required structure
So the journey ...
0
votes
0
answers
12
views
useSound dynamic volume in NextJS
I am trying to implement a global volume button that sets volume level for button click, I'm using https://github.com/joshwcomeau/use-sound.
I have this VolumeButton.tsx
export default function ...
0
votes
1
answer
13
views
Common component react-datepicker inclusion for React application
I have common react-components like Button, Checkbox, Datepicker etc.,. I am transpiling using the rollup.config.js. For date picker I am using react-datepicker. All these components are used in all ...
- 81
1
vote
2
answers
56
views
Synchronize react state with react router url search params
I'm building an e-commerce page using React that includes various options stored in state, such as sortBy, itemsPerPage, and several interdependent categories. I want these state values to also be ...
- 37