I am trying to convert an image to blob for uploading it to aws s3 storage.I need to connvert image to blob after selecting the image with expo-image-picker the convert to blob using fetch but it is causing the following…
In my react with typescript project I have a ParentComponent that has a ChildComponent where is a Formik with Yup form that has to be validated as the user types. On the ParentComponent I also have a next button that…
I'm trying to add localStorage to my Todo on React, but I getting an error Cannot read properties of null (reading 'concat') when I try to add new todo item. How to fix it? Here my code: import { useState,…
I have a MobX Store that contains user role information and a method that validates the role: class Store { constructor() { makeAutoObservable(this) } role: string = "" setRole(name: string) { this.role = name } checkRole(name: string) { return this.role…
I have a very simple ToDo app composed of two components: interface ToDoItemProps { id: number; text: string; done: boolean; } const ToDoItem = ({ id, text, done }: ToDoItemProps) => { return ( <li key={id}> <input type="checkbox" checked={done} />…
It's late and I'm likely missing something simple. In React with Remotion, I decided to extend the <Series.Sequence> component (doc link) for a set of narrated sequences, automatically setting the sequence duration based on the narration audio file time plus…
I have created a form with react hook form and did a validation with zod. In one input I want to write in numbers, when I write any number, the error says it is not a number: <Controller name="calories" control={control}…
A component in my NextJS 13 project has two useEffect hooks, one that sets a React Context state array variable called singleRecipe, and another that I would like to set another local state variable called ingredientsArr. The issue arises on…
how to validate login email & password using redux? a already make a handleLogin function it work fine when user input the right email&password but if user submit the wrong email&password the api crash const handleClick = (e) => {…
I do not want the value of random numbers to change with each rendering. const getRandomNum = (max) => Math.floor(Math.random() * max) 1.With useEffect const ComponentA = () => { const [randomNum, setRandomNum] = useState(0) useEffect(() => { setRandomNum(getRandomNum(10)) },…