I have component that have state as object const [data, setData] = useState({ input, output: '', enableCopyToClipboard: true, } When listen to Observable I do following: // reset state before loading stream setData({ ...data, output: '', enableCopyToClipboard: false, }); loadingStream(request).subscribe((response)…
I'm using Yup validation in a React Typescript application. Based on the validation schema, how can I determine if a particular field is required? (I'm creating a custom text field component, and I want to dynamically add a required property…
when I add this check: card.targetUrl !== "/test" I get this error and I cannot commit, how do I reduce this complexity? const link = useMemo(() => { if (!card?.targetUrl || card.targetUrl === "/test") { return "/account"; } else {…
I'm trying to pass a custom palette color into the color prop of a Typography tag. I've got my theme set up in theme.ts like this: declare module "@mui/material/styles" { interface Palette { tertiary: Palette['primary']; } interface PaletteOptions { tertiary:…
I have a Currency input that is formatted to ILS (israeli new Shekel) and I want my onChange event to record the value, but as a number. this is what I tried: <CurrencyInput onChange={(e) => setAmount(Number(e.target.value.replace("₪", ""))) } decimalsLimit={2} intlConfig={{…
I have an async function which I used in sorting visualizer. I want to add a feature of pause and unpause. I tried to use a while(isTrue){} (isTrue is a usestate variable) but this method is making the page unresponsive.…
C:UsersasusDesktopabc> npx create-react react-app npm ERR! could not determine executable to run npm ERR! A complete log of this run can be found in: C:UsersasusAppDataLocalnpm-cache_logs2023-05-01T15_44_34_936Z-debug-0.log C:UsersasusDesktopabc>npx create-react-app my-cart Creating a new React app in C:UsersasusDesktopabcmy-cart. Installing packages. This might take…
const express = require('express'); const app = express(); const Register = require('./model/register') require('./db/conection'); app.use(express.json()); app.get('/' , async(req,res)=>{ res.send("hello") }) app.get('/search/:key',async(req,res)=>{ let sKey=req.params.key; console.log(typeof(sKey)); let searchData=await Register.findOne({'$or':[ {name:sKey}, {email:sKey}, {address:sKey}, {mobile:sKey} ]}) res.send(searchData); }) app.listen(5000,()=>{ console.log("server start"); console.log(`http://localhost:5000`) }); I am…
I want to render a message inside a div of my React app simulating a chat. I fetch messages from the REST backend and then I made a function passing that message and I useEffect from React to achieve this…
I have this question about react rerendering and mount/unmount. If we define a component inside of another parent functional component and the state of the parent component changes, it is clear that the parent component will re-render. Question: But, does…