Relay: fix generated artifacts of 'useRefetchableFragment'

This issue affects upstream as well, see: facebook/relay#3404

We have the advantage of having the generated output under control so I fixed it here for `@adeira/relay` and reported it to the upstream.

adeira-source-id: 079091984297d98698575e38e48da94aff601017

src/compiler/__tests__/useRefetchableFragment.test.js

@@ -0,0 +1,19 @@
+// @flow
+
+import { graphql } from '../../index';
+
+it('generates and flow checks the fragment as expected', () => {
+  // This is technically a Flow test (we are forcing generation of Relay artifacts).
+  // Relay Compiler generated invalid artifacts for eager ES modules, see:
+  // https://github.com/adeira/universe/issues/1975
+
+  graphql`
+    fragment useRefetchableFragment on RootQuery
+    @refetchable(queryName: "useRefetchableFragmentRefetchQuery") {
+      # eslint-disable-next-line relay/unused-fields
+      node(id: "my-id") {
+        __typename
+      }
+    }
+  `;
+});

src/compiler/createPrintRequireDefaultModuleDependency.js

@@ -0,0 +1,5 @@
+// @flow strict
+
+export default function createPrintRequireDefaultModuleDependency(): (string) => string {
+  return (moduleName) => `require('./${moduleName}.js').default`;
+}

src/compiler/index.js

@@ -13,6 +13,7 @@ import { globSync } from '@adeira/monorepo-utils';
 
 import buildLanguagePlugin from './buildLanguagePlugin';
 import buildWatchExpression from './buildWatchExpression';
+import createPrintRequireDefaultModuleDependency from './createPrintRequireDefaultModuleDependency';
 import getSchemaSource from './getSchemaSource';
 
 type ExternalOptions = {|
@@ -175,7 +176,7 @@ function getRelayFileWriter(
       noFutureProofEnums,
       extension: languagePlugin.outputExtension,
       typeGenerator: languagePlugin.typeGenerator,
-      outputDir,
+      printModuleDependency: createPrintRequireDefaultModuleDependency(),
       // repersist: isCI, // TODO
     };