Update the umd global variable name (#159)

* Update the umd global variable name * add changeset
Shopify · Feb 2, 2023 · b8757bd · b8757bd
1 parent 3ab603c
commit b8757bd
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/gold-carrots-relax.md b/.changeset/gold-carrots-relax.md
@@ -0,0 +1,5 @@
+---
+'@shopify/hydrogen-react': patch
+---
+
+Fix the UMD global variable name from `storefrontkitreact` to `hydrogenreact`.
diff --git a/packages/react/README.md b/packages/react/README.md
@@ -150,7 +150,7 @@ Depending on the bundler or runtime that you're using, the correct bundle might
 
 Hydrogen React has a development `umd` build and a production `umd` build. Both are meant to be used directly either by `<script src=""></script>` tags in HTML or by `AMD`-compatible loaders.
 
-If you're using Hydrogen React as a global through the `<script>` tag, then the components can be accessed through the `storefrontkitreact` global variable.
+If you're using Hydrogen React as a global through the `<script>` tag, then the components can be accessed through the `hydrogenreact` global variable.
 
 ## Enable Storefront API GraphQL autocompletion
 

diff --git a/packages/react/vite.config.ts b/packages/react/vite.config.ts
@@ -11,7 +11,7 @@ export default defineConfig(({mode, ssrBuild}) => {
       build: {
         lib: {
           entry: resolve(__dirname, 'src/index.ts'),
-          name: 'storefrontkitreact',
+          name: 'hydrogenreact',
           fileName: () =>
             `hydrogen-react.${mode === 'umdbuilddev' ? 'dev' : 'prod'}.js`,
           formats: ['umd'],