I made my drum machine previously using just react and it rendered without any errors. However, as a means of getting to know redux and the react-redux middleware better I thought I would take the task of converting it to use the react-redux store.
After much reading to fix issues with passing the state and getting my head around the action handlers etc, I have accomplished my goal. However, there are two persistent errors on the console when I check it. They are as follows:
react-redux.min.js:1 Uncaught TypeError: Cannot read property ‘Component’ of undefined
Warning: Each child in a list should have a unique “key” prop.
The errors only ever show on the version of my app which is on my local host although the code for the linked codePen and the local version are the same.
With regards to the >key error I tried adding a
key='some-random-id' tag to each mentioned element but it did not solve anything. The other error looks to me like it is something from the react-redux file itself.
I just wanted to ask as it don’t want to leave any loose ends which I should know about.
The CodePen is here: https://codepen.io/makingstuffs/full/KOGBGR