favicon.js | Given a HTML5 canvas return an ICO formatted favicon | Icon library

I tried to add a recipe to favourites using Redux with React Native. If I use the state in the favicon.js this works fine but does not work with Redux.

This is my favicon.js

I have a reducer in my react native app which ideally should check the state and return if the recipe has been favourited or not. I've tried to create a reducer to return if isFav is true or false for a recipe object in the state. If the recipe is not found in the state it should return false.

I've hit a brick wall trying to figure out how to write the reducer. This is what I have so far.

This is my favids.js reducer

I am fairly new to Rails using realfavicongenerator.net to produce favicons for my Rails 5.0.3 application on my Windows machine. realfavicongenerator.net seems like the way to go - producing many favicons instead of the one-at-a-time approach.

I appear to have generated the favicons correctly: My project folder shows a "Your generated favicon_files" folder at the same level as the "app" folder. It also shows a "Your generated favicons.html" file.

I had originally placed the favicon.json file under the project folder/config, but changed it to app/assets/config/favicon.json after I realized my mistake. (realfavicongenerator.net doesn't specify which config folder to use.)

Now I am getting an error: