Flows not showing up

If your Frigade components are not rendering in your product as expected, below are some of thhe most common issues and solutions to help you troubleshoot.


Guest users in my dashboard

If a userId is not available when Frigade is initialized via the <Frigade.Provider /> and/or the JS SDK, Frigade will automatically assign a guest user id to the user. This is to ensure that the user can still be tracked and that their data is not lost.

To prevent Frigade from automatically generating guest user IDs, you can pass a flag to the <Frigade.Provider /> as shown below:

<Frigade.Provider generateGuestId={false} />

Import error

If you into an error such as Can't import the named export 'Anchor' from non EcmaScript module (only default export is available), it is likely that you are using an older version of create-react-app.

There are two ways to fix this issue:

  1. Upgrade to the latest version of create-react-app (you need to be on version 5.0.0 or higher of react-scripts).
  2. Eject your app from create-react-app (if not already done) and manually configure your webpack to support ESM. Do this by adding the following to your webpack config:
module.exports = {
  //...
  resolve: {
    extensions: ['.mjs', '.js', '.json'],
    mainFields: ['module', 'main'],
  },
  rules: [
    ///...
    { test: /\.mjs$/, include: /node_modules/, type: 'javascript/auto' }
  ],
  //...
};

Something else?

If you are still having trouble with Frigade, get in touch and we’ll be happy to help.