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

* 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>
dotansimha · Jul 28, 2024 · 7ac42a3 · 7ac42a3
1 parent d0cdb8f
commit 7ac42a3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
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(