@iconify/react addCollections being called, but still loading from API?

After the move to webpack v5, I’m seeing my @iconify/react <InlineIcon> components are attempting to load my ‘custom’ fonts from the Iconify API provider, despite having called addCollection() at the initialization of my app.

JSON collection:

{ prefix: "custom", icons: { "leaf": {"body": "<path d=\"  ...  } } }

App initialization, this is called prior to the first render of any component:

import customFont from './path-to-file/custom.json';
import { addCollection } from '@iconify/react';

function initialize()
{
    addCollection(customFont)
}

Usage:

import { InlineIcon } from '@iconify/react';

...

render()
{
    return ( <InlineIcon icon="custom:leaf" /> );
}

Is anyone else experiencing a similar issue? The rest of our application bundling appears to work as expected.

[cyberalien]

Thank you for the quick responses! Would you mind tagging this issue once it’s published to latest?

It has been published to latest.

[cyberalien]

Awesome. I’ll keep this for now as a temporary solution, will create proper tests to test it all (should be a challenge in itself because it can only be tested in real browser), then will publish this as latest version of all components.

In future I think this function will be removed. Instead I’ll attempt to share all data between instances, including functions. But that’s an idea for next major version of components, not minor version.