Error with react-color and Tina CMS

I am trying to add Tina CMS to the Novela theme but getting an error when I add gatsby-plugin-tinacms to gatsby-config.js.

ERROR #98123  WEBPACK
Generating SSR bundle failed
Can't resolve '@icons/material/CheckIcon' in '/Users/anindha/Code/gatsby/gatsby-theme-novela/node_modules/react-color/lib/components/swatches'
File: ../node_modules/react-color/lib/components/swatches/SwatchesColor.js
 ERROR #98123  WEBPACK
Generating SSR bundle failed
Can't resolve '@icons/material/UnfoldMoreHorizontalIcon' in '/Users/anindha/Code/gatsby/gatsby-theme-novela/node_modules/react-color/lib/components/chrome'
File: ../node_modules/react-color/lib/components/chrome/ChromeFields.js

Does the Gatsby site compiles locally without Tina plugins? Looks like a dependency issue.

Master branch requires a small workaround which is mentioned in the docs but builds fine until adding Tina plugins.

I figured this out. It was an issue with the theme. Described here.