Troubleshooting Gatsby + Visual Editor, Preview Doesn't Update

Questions
#1

When I use the visual editor, the preview section of the window doesn’t update when I make updates in the content tab. My site is built in Gatsby.

Not sure if it’s related, but whenever I make an update in the action bar, I get the following console error:

Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.
in StoryblokEntry (created by HotExportedStoryblokEntry)
in AppContainer (created by HotExportedStoryblokEntry)
in HotExportedStoryblokEntry (created by PageRenderer)

Any suggestions or troubleshooting tips?

#2

Hello Ed,

did you follow our tutorial https://www.storyblok.com/tp/gatsby-multilanguage-website-tutorial?

#3

Yes, I did follow the tutorial.

#4

@edtalmadge may I ask what version of Gatsby are you using?

#5

@Samuel, I’m using:
Gatsby version: 2.23.3
Gatsby CLI version: 2.12.66

#6

@Samuel, the site I am working on is a test/fake site hosted on Github and I can give access if needed.

#7

That would be great :slight_smile:

#8

You can also write me directly on our Storyblok Discord Server - https://discord.gg/AhRxtrc

#9

Thanks @Samuel, I’ve added you as a collaborator on the Github repo and wrote to you directly on the Storyblok Discord Server with more details.

#10

It turns out that the Visual Editor Preview was working perfectly all along!

I was clicking links inside the visual editor before making updates, which is not the correct workflow.