ModuleNotFoundError with Storybook 6.4 (webpack 5) + graphql 16 + @urql/exchange-execute

[jgoux]

Hello all,

I'm trying to upgrade to Storybook 6.4 and it seems that @urql/exchange-execute can't be imported properly: https://gist.github.com/jgoux/174fc7db9b53d23345c555be6e71d29b

I'm using [email protected] and it doesn't seem to have any file graphql/subscription/subscribe.mjs. According to webpack and the log in the gist, it seems like @urql/exchange-execute package.json isn't properly declaring its targets? (Field 'browser' doesn't contain a valid alias configuration)

I honestly don't have any experience with the whole CJS/ESM war so I'm not sure what to do. 😅

It seems like the graphql/subscription module has been deprecated and is just re-exporting from graphql/execution/subscribe.

I think if @urql/exchange-execute would use graphql/execution/subscribe from its import it will work as graphql/execute/subscribe.mjs exists.

I think it's the line 3 in this file : https://unpkg.com/browse/@urql/[email protected]/dist/urql-exchange-execute.mjs