Configure Relay plugin to use correct generated directory

babel.config.js

@@ -36,7 +36,12 @@ module.exports = function(api) {
     plugins: [
       require('react-hot-loader/babel'),
       require('babel-plugin-macros'),
-      require('babel-plugin-relay'),
+      [
+        require('babel-plugin-relay'),
+        {
+          artifactDirectory: './app/javascript/packs/frontend/__generated_queries__',
+        },
+      ],
       require('@babel/plugin-syntax-dynamic-import').default,
       isTestEnv && require('babel-plugin-dynamic-import-node'),
       require('@babel/plugin-transform-destructuring').default,