i have array with objects like this: { tab: "Quality Assurance", value: "qa", titles: [ "Web App Interfaces3", "Backend Application Development", "Single-page Apps", "Technical Backend Audit", ], content: [ "3We build web apps and websites with clean architecture and user-friendly…
I am attempting to use the inputProps prop with the MuiOtpInput component from mui-one-time-password-input. I have set the inputMode attribute to "numeric" for each input field, aiming to display the numeric keyboard on mobile devices. Here's the code snippet I'm…
I'm facing an issue with a React component in my project where I have to click twice to correctly log the right-clicked variable during navigation. Here's a breakdown of the problem and my code: I have a React component that…
I am trying to make a basic React project and I thought I was doing everything right until I tried to import my generalInput file into my App file. I am being told that my generalInput is being declared but…
I am trying to build a reusable component such that I can pass it an object imported from a data file and the component renders external links to different social media sites represented by their respective icons. I am also…
I am Running this piece of code: import { useEffect, useState } from 'react'; import { createClient } from '@supabase/supabase-js'; const supabase = createClient("https://<project>.supabase.co", '<anon-key>'); const GetBalance = () => { const [data, setData] = useState([]); useEffect(() => { getData();…
This question is related to my two previous questions on the subject : NextJS 13 Context API and SEO optimisation Conditional layout in Next 13 So, my objective is to have a Context API and different layouts based on auth…
Consider the following React Component Tree: <A> <B> <D> <E/> </D> </B> <C> <D> <E/> </D> </C> </A> A, B, C, D and E are all components. Components don't have a closing tag, but here I mean that A renders…
Is there a way to disable all the inputs, buttons, selects inside a react component on the basis of a state variable, or a prop of the component? My react component has multiple such buttons, and inputs. Some of them…
I'm new to react and I'm facing a problem regarding useContext. I want to connect to some API and get some data from there, and store it in a context. So, here is the MovieContextProvider.jsx file that is responsible for…