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,686
questions
0
votes
0
answers
7
views
How can I fix this RLS policy issue with Supabase on .insert()?
I am in the process of creating a habit tracking app and am using Supabase PostgreSQL. I am implementing RLS in the habit table but cannot for all that is good figure out this issue. On the click of ...
0
votes
0
answers
9
views
ESLint 'no-unused-vars' error with Vite and React
I am working on a React project using Vite as my development server. Recently, I encountered an internal server error related to ESLint when trying to run my project. The error messages are pointing ...
0
votes
0
answers
5
views
React App in Docker with Nginx Serving Without CSS
I am trying to deploy a React application using Docker and serve it with Nginx, mostly based on this. The app works perfectly when running locally using npm start, but when served through Docker and ...
0
votes
0
answers
4
views
Next.js Add modal image preview to a server-rendered component
I am learning Next.js by designing a blog application. I am using Django for backend and store blog post as HTML in Postgres text field. When loading the post, I fetch text with api call and render it ...
0
votes
0
answers
4
views
Default react state not coming back after reload
React default state not rendering
import Header from "./components/Header";
import Tasks from "./components/Tasks";
import { useState } from "react";
function App() {
...
0
votes
0
answers
5
views
Webpack module federation directory share
I'm starting a new project and I want to reuse my components from an existing project.
Following tutorials, I was able to share js and react files, as well as images and other media. However, instead ...
0
votes
0
answers
4
views
How to display a highly-zoomable, time-series spectrogram on the web [closed]
I have a large amount of 3D (time, freq, intensity), time-series spectrogram data that spans well over a week of data. I want to create a timeline of this data (likely using React) where I can keep ...
0
votes
0
answers
6
views
deploy a react.js site with data .json file in netlify
I have a react.js QuizApp project with question json file in data folder. I try to deploy that in Netlify site,but in it's demo when it is deployed, data don't load. It's demo works as long as, Npm ...
0
votes
0
answers
13
views
Material-UI tree editable items
I am using RichTreeView component from Material-UI lib and would like to create an editable tree: so when user click on particular button positioned after every item dropdown list pops up.
I tried to ...
0
votes
1
answer
13
views
useNavigate() hook is not working , #React
I am trying to implement a registration page in my React application where, upon successful signup, the user should be redirected to the homepage. I am using react-router-dom for routing and react-...
0
votes
0
answers
4
views
How do I create a Unit Test for a React Function that modifies a state array?
I am trying to learn how to write unit testing, but examples online are either far too simplistic or far too complex for me to grasp the concept
I have a function titled handleSelect that is called ...
0
votes
0
answers
5
views
Tailwind CSS Styles Not Applying Automatically in React Project
I'm working on a React project and have integrated Tailwind CSS for styling. However, the Tailwind CSS styles do not apply automatically when I make changes to my CSS or component files. I have to ...
0
votes
0
answers
9
views
Is this is right way to implement Thirdweb authentication with saving user in our backend database if user not present
// UserLoginProvider.js
export const UserLoginProvider = ({ children }) => {
const [walletAddress, setWalletAddress] = useState("");
const [loggedIn, setLoggedIn] = useState(false);
...
0
votes
0
answers
5
views
Error in the integration between Hardhat and react.js
This error keeps showing up when I try to use react.js to input data in the smart contract using hardhat
ERROR in ./src/BridgeData.js 69:23-52
export 'ethers'.'providers' (imported as 'ethers') was ...
1
vote
0
answers
16
views
Server logs and client logs are different for the same variable
I'm building an app using NextJS (app router system). I'm building the sign-up workflow, using NextAuth, and Resend. I'm using the newly available Resend provider from NextAuth.
Here is the workflow ...