[Bug] Using fetch-mock with the decorator function results in internal error

[vudoan1708-cyber]

[Bug] Using fetch-mock with the decorator function results in internal error

[JohnAlbin]

Your "Link to Minimal Reproducible Example" is a 404 page. https://github.com/vudoan1708-cyber/storybook-builder-vite-error-reproduce is 404.

[vudoan1708-cyber]

Hi @JohnAlbin !
Sorry for the late response, I have made a new repo for the error reproduction. Please have a look at it: https://github.com/vudoan1708-cyber/reproducible-storybook-builder-vite-error

Thanks.

[JohnAlbin]

@vudoan1708-cyber It looks like your decorator function isn't written properly. https://storybook.js.org/docs/react/writing-stories/decorators

FYI, I just wrote a Storybook addon that integrates with fetch-mock. It should work with Svelte, though I've only tested it with React. https://github.com/JohnAlbin/storybook-addon-fetch-mock

[orange-buffalo]

I am facing the same issue with TS, Vue 3 and Storybook Vite builder, when just importing fetch-mock into the story:

TypeError: findStatus is not a function or its return value is not iterable
    at mapChars (server.js:20584:31)
    at processing (server.js:20714:27)
    at Object.toASCII$1 [as toASCII] (server.js:20769:18)
    at domainToASCII (server.js:21451:23)
    at parseHost2 (server.js:21372:23)
    at URLStateMachine.parseHostName (server.js:21839:18)
    at new URLStateMachine (server.js:21547:38)
    at module.exports.basicURLParse (server.js:22252:15)
    at new URLImpl (server.js:25515:36)
    at Object.setup (server.js:26100:14)

Will it help if I provide a reproducer for this case?

[orange-buffalo]

I was able to workaround the above by directly importing client module in the storybook: import fetchMock from 'fetchMock/esm/client'.