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
481,104
questions
-2
votes
1
answer
28
views
React router not running [closed]
in this code my first component is running correctly but the second one (ProuductList) is not showing up on the screen at all, any ideas?
import { Route, Routes } from "react-router-dom";
...
-1
votes
0
answers
23
views
error in jsx file in vs code showing problems as it is declared but its value never read
APP.jsx Todos.jsx CREATETODO.jsx
These are the part of code where error is occuring.
error errors
FRONTEND CODE (APP.jsx)
import { useState } from 'react'
import reactLogo from './assets/react.svg'
...
0
votes
0
answers
14
views
Adding objects within a specific Array type in React TypeScript
I'm writting the shchema of my web app by Zod and I'm creatig different message errors to input objects. A minimum length for one and a user verified in the other case.
The minimum length condition ...
0
votes
1
answer
85
views
Manage Dependencies in Sub-Project To Avoid Duplicate React Versions
I am attempting to create a React library template. I have the main project that exports some basic React hooks and then an example project enclosed within it that imports the library via "@local/...
2
votes
1
answer
502
views
Why the error is not displayed when using formik useField?
My task is to write a code to select a date.Here's what me have now:
export let DatePicker = ({ label, ...props }) => {
let [field, meta, helpers] = useField(props.name)
let { value, touched, ...
-1
votes
0
answers
12
views
Struggling to upload to netlify
I'm struggling to upload a website onto netlify and I'd really appreciate some help. I'm trying to prep for applying to jobs and I'm rather new to programming in general. I'd really appreciate some ...
4
votes
1
answer
9k
views
Testing zustand state changes caused by a component in Jest
I am pretty new to using jest and Im trying to test a component that makes a state change which acts upon my global state (using Zustand). Basically im clicking a button and its adding an item to my ...
-1
votes
0
answers
11
views
Getting net::ERR_ABORTED 404 (Not Found) at http://localhost:5173/@vite/client in vite project
I have set up a Vite project for vuejs, following the quick start guide to learn the workflow of application development. However, upon launching the app on chrome (or any other browser for that ...
-1
votes
0
answers
10
views
Jest react test : API call failed TypeError: Cannot read properties of undefined (reading 'json')
I am going to test the components below through the jest and react test library.
I want to test if the API is called normally when I press the button, So I made the API calling part mock.
However, ...
1
vote
1
answer
22
views
Error decoding .mov file on ios and macos - DOMException when processing audio data in React app
I am working on a React application that processes video files and extracts audio for analysis. The app works well on most platforms, but when I try to upload and process a .mov file on an iPhone and ...
0
votes
0
answers
19
views
AxiosError: Request failed with status code 404, despite same url both client and server side
I try to send user input from client to server, but it got the error on the title. I have been trying to find the solution, but with no avail.
My client side (port 3000):
axiosConfig.js
import axios ...
0
votes
0
answers
28
views
How to layout child elements so they will not move when parent element resizes or moves?
I have a parent div and place three svg ellipses and a image inside it. They need to have a certain position on top of the div. This position needs to be always the same no matter where the div moves ...
0
votes
0
answers
16
views
React Native custom RefreshControl component doesn't work on android
I recently created a custom spinner icon for my app, and I have implemented it everywhere without too much hassle, but when it comes to the refresh control it's another story. I am using a <...
-1
votes
0
answers
11
views
Adding meta functions to my route.tsx files causes errors
I'm building a Remix application and added meta functions to each of my route.tsx files. They all look something like this:
export const meta: MetaFunction = () => {
return [
{ title: "...
0
votes
1
answer
41
views
+200
how to add text annotations to text notes in a react nextjs 14 (app router) app
I am trying to build an app that allows users to comment on legal judgments. i have judgments and notes in my app. notes are made on the text of judgments. At the moment, when a user selects an area ...