ThinkPiece | A blogging website inspired by Medium | Frontend Framework library

Gutenberg is still pretty new, but I'm still hoping someone has encountered this issue and found a solution.

I've used create-guten-block to boilerplate a project and created a test block. The problem I'm running into is that when I try to use a React component to modify state on the front-end, nothing happens. The components load fine through save(), but when you try to do something simple like toggle a list, the front-end remains unresponsive to the state changes. I'll also note that create-guten-block doesn't load any front-end JS, so I swapped the compiled javascript to load on the front end and still haven't been able to get it working.

Here's some code I pulled from Codecademy as an easy example to test with. When you select a name, it changes the text in sibling.js to display the name. The code works fine in create-react-app but does nothing on the front-end as a block in Gutenberg:

block.js