Tag: reactjs

Filtering arrays in JS/React

So here I have search functionality. Everything works fine except when an Item has not been found in the array. I have tried something with objects.Keys but it is displaying it on the render not when the Book has not been found like it should. Should I use if statement or. Answer You’re filtering the ca…

Maximum update depth exceeded with useEffect & map

javascript react-hooks react-redux reactjs

I am facing this when I am trying to set form error object. Basically, I want to show the errors below each input field. In response, I am getting an array of objects how do I set to my error object? Error – Maximum update depth exceeded. This can happen when a component calls setState inside useEffect,…

My hooks aren’t opening and closing my modals

javascript react-hooks reactjs redux

I’m new to react and redux, I’m trying to do things the newish hooks way and running into issues opening and closing a Modal using a redux state. Basically, as soon as my page loads, the modal opens, even though the initial state in the slice is set to false and the close button in the modal foote…

React Native: Why is Expo-AV not playing audio?

audio javascript react-native reactjs

I’m attempting to build an app that acts as a soundboard and can play different sounds when different buttons are pressed. I expected the audio to play but instead, I got an error that stated: This is my code: So far, I’ve tried adding a try/catch block, using different audio formats. I think the …

TypeError: unshift is not a function

arrays event-handling javascript object reactjs

I have todos array of objects passed as props to a TodoList component. I’m trying to add a new object to the array of objects. I created a method called addTodo which adds the first todo’s object & when I tried to add the second todo it fails with the error: TypeError: this.state.todos.unshift…

React hangs when trying to connect to component

javascript lodash reactjs

For some reason, when trying to connect this component, react simply hangs without giving any error: Presumably the problem is with the profile object. Previously, everything was packaged in variables and everything worked, but now I replaced the variables with an object and react just stopped loading. Answer…

‘yield’ expression implicitly results in an ‘any’ type because its containing generator lacks a return-type annotation

javascript reactjs typescript

The first snippet is the code im working with and below is the error it throws and it happens on every “yield select” portion that is in the code and im not sure what my next step is. Answer The literal type of select(getPathname) doesn’t relate to the value you get back from the yield. sele…

Update a redux array of object but not re-render the component

javascript react-redux reactjs redux

PROBLEM STATEMENT I am trying to modify a array of objects that is stored in redux store. After updating from a component it doesn’t re-render the component. Basically, I take a redux-state which is a array of objects using mapStateToProps. Then, update a object in this array from a react component. I e…

Getting TypeError on prerendering page in npm run build

graphql javascript next.js reactjs server-side-rendering

I am prerendering this page on my Next.js application: Using getStaticProps() Using getStaticPaths() When I run it locally it works fine but when I try to deploy it with npm run build it gives an error just for the title property only: This is the part that confuses me as I don’t understand why the erro…