I believe your error is not in the CoinTable but in your helpers component, based on what I see in the console. I think the issue is in the beforeFit function, as you try to apply the push method on an object and not an array. (axis.ticks.push({ value: length, label: labels[length] }); so check if axis.ticks is an array first

@Harpreet Singh no, I will look into it, thanks

@Cristian Florea awesome! can i merge ?

@Cristian Florea already did 🤭

I have no answer to your problem , to be honest I checked some online resources and would be an overkill, tbh, but I am no expert in reduce. what I wanted to recommend to you is to more carefully choose what variables you want to store in state. for instance you don't use the user state, just the users array to store the users. whereas for existentUser and winner, you don't need to save them in state, because they derive from state (they are computed based on existing state variables). instead of setting your existentUser to false in your timeout function, you can just display an error message. winner is derived state from users array, so no need to save it in state. hope this makes sense!

@Florin Ghimici refactoring is making your code more concise and readable , imo. so I would say yes 😉

you access an array element by its index, so first object would be quotes[0]

if I may suggest something, you overcomplicate your objects which will make accessing the properties very cumbersome. so instead of this: { albertE: { text: { quote: "What is the meaning of human life, or of organic life altogether? To answer this question at all implies a religion." }, quoter: " - Albert Einstein" } }, you can have just this : { quote: "What is the meaning of human life, or of organic life altogether? To answer this question at all implies a religion.", quoter: " - Albert Einstein", img:"" }, before, to access quote you would have to do : quotes[1].albertE.text.quote after: quotes[1].quote