Undefined error when rendering state in react

[Hi, guys! I’m trying to build a Random Machine generator using react and for some reason, I keep on getting cannot read property of undefined even if I use conditions to prevent rendering when the state is empty.

Here is the attached link](https://codepen.io/Mark-J/pen/vYeWyEe?editors=0011)

Kindly help.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36

Challenge: Build a Random Quote Machine

Link to the challenge:

Hi @j.mark

I haven’t gone through your code thoroughly
But I noticed 2 things.

  1. You have misspelled quotes as ‘qoutes’ in your state
  2. you are not receiving any data in your quotes therefore you are receiving undefined errors.