fix: client preset babel plugin esm runtime error (#9817)

nikitalocalhost · n1ru4l · web-flow · commit 7ac42a339159 · 2024-07-28T15:34:24.000+02:00
* Fix Babel+ESM Trying to fix #9774 * Add changeset * Update .changeset/twelve-oranges-breathe.md * Update .changeset/twelve-oranges-breathe.md --------- Co-authored-by: Laurin Quast <laurinquast@googlemail.com>
diff --git a/.changeset/twelve-oranges-breathe.md b/.changeset/twelve-oranges-breathe.md
@@ -0,0 +1,5 @@
+---
+'@graphql-codegen/client-preset': patch
+---
+
+Resolve runtime error when using the babel plugin within an ESM environment.
diff --git a/packages/presets/client/src/babel.ts b/packages/presets/client/src/babel.ts
@@ -58,7 +58,7 @@ export default declare<ClientBabelPresetOptions>((api, opts): PluginObj => {
 
         const importPath = getRelativeImportPath(state, artifactDirectory);
 
-        const importDeclaration = template(`
+        const importDeclaration = template.smart(`
           import { %%importName%% } from %%importPath%%
         `);
         program.unshiftContainer(

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@graphql-codegen/client-preset': patch
 +---
++
 +Resolve runtime error when using the babel plugin within an ESM environment.