Update all the deps besides model-viewer (#199)

* Update all the deps besides model-viewer

* Create lazy-dolphins-develop.md

.changeset/lazy-dolphins-develop.md

@@ -0,0 +1,5 @@
+---
+'@shopify/hydrogen-react': patch
+---
+
+Update internal deps

apps/nextjs/gql/fragment-masking.ts

@@ -1,4 +1,4 @@
-import { TypedDocumentNode as DocumentNode, ResultOf } from '@graphql-typed-document-node/core';
+import { ResultOf, TypedDocumentNode as DocumentNode,  } from '@graphql-typed-document-node/core';
 
 
 export type FragmentType<TDocumentType extends DocumentNode<any, any>> = TDocumentType extends DocumentNode<

apps/nextjs/gql/gql.ts

@@ -10,7 +10,7 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.
  * 3. It does not support dead code elimination, so it will add unused operations.
  *
- * Therefore it is highly recommended to use the babel-plugin for production.
+ * Therefore it is highly recommended to use the babel or swc plugin for production.
  */
 const documents = {
     "\n  query Collection($handle: String!) {\n    collection(handle: $handle) {\n      id\n      handle\n      title\n      description\n    }\n  }\n": types.CollectionDocument,
@@ -25,7 +25,7 @@ const documents = {
  *
  * @example
  * ```ts
- * const query = gql(`query GetUser($id: ID!) { user(id: $id) { name } }`);
+ * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);
  * ```
  *
  * The query argument is unknown!

apps/nextjs/gql/index.ts

@@ -1,2 +1,2 @@
-export * from "./gql";
-export * from "./fragment-masking";
+export * from "./fragment-masking";
+export * from "./gql";

apps/nextjs/package.json

@@ -14,18 +14,18 @@
   "dependencies": {
     "@shopify/hydrogen-react": "*",
     "graphql-request": "^5.1.0",
-    "next": "13.1.2",
+    "next": "13.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "2.16.3",
-    "@graphql-codegen/client-preset": "1.2.6",
-    "@types/node": "18.11.18",
-    "@types/react": "18.0.26",
-    "@types/react-dom": "18.0.10",
-    "eslint": "8.31.0",
-    "eslint-config-next": "13.1.2",
-    "typescript": "4.9.4"
+    "@graphql-codegen/cli": "3.2.1",
+    "@graphql-codegen/client-preset": "2.1.0",
+    "@types/node": "18.14.1",
+    "@types/react": "18.0.28",
+    "@types/react-dom": "18.0.11",
+    "eslint": "8.34.0",
+    "eslint-config-next": "13.2.0",
+    "typescript": "4.9.5"
   }
 }

package.json

@@ -28,8 +28,8 @@
     "cpy-cli": "^4.2.0",
     "jsonlint": "^1.6.3",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.2",
-    "turbo": "^1.7.0"
+    "prettier": "^2.8.4",
+    "turbo": "^1.8.2"
   },
   "engines": {
     "node": ">=14.0.0"

packages/react/package.json

@@ -99,37 +99,37 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^7.6.0",
-    "@graphql-codegen/add": "^3.2.3",
-    "@graphql-codegen/cli": "^2.16.4",
-    "@graphql-codegen/introspection": "2.2.3",
-    "@graphql-codegen/typescript": "^2.8.7",
-    "@ladle/react": "^2.4.5",
-    "@shopify/generate-docs": "^0.8.4",
+    "@graphql-codegen/add": "^4.0.1",
+    "@graphql-codegen/cli": "^3.2.1",
+    "@graphql-codegen/introspection": "3.0.1",
+    "@graphql-codegen/typescript": "^3.0.1",
+    "@ladle/react": "^2.9.0",
+    "@shopify/generate-docs": "^0.8.10",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.2.5",
-    "@vitejs/plugin-react": "^3.0.1",
-    "@vitest/coverage-c8": "^0.27.1",
-    "c8": "^7.12.0",
-    "eslint": "^8.31.0",
+    "@types/jest": "^29.4.0",
+    "@vitejs/plugin-react": "^3.1.0",
+    "@vitest/coverage-c8": "^0.28.5",
+    "c8": "^7.13.0",
+    "eslint": "^8.34.0",
     "eslint-plugin-hydrogen": "^0.12.3",
-    "eslint-plugin-import": "^2.27.4",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.0",
+    "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-tsdoc": "^0.2.14",
-    "happy-dom": "8.1.4",
+    "happy-dom": "8.7.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "rimraf": "^3.0.2",
+    "rimraf": "^4.1.2",
     "ts-expect": "^1.3.0",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.4",
-    "vitest": "^0.27.1"
+    "typescript": "^4.9.5",
+    "vite": "^4.1.4",
+    "vitest": "^0.28.5"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -138,9 +138,9 @@
   "dependencies": {
     "@google/model-viewer": "^1.12.1",
     "@xstate/fsm": "^2.0.0",
-    "@xstate/react": "^3.0.1",
+    "@xstate/react": "^3.2.1",
     "graphql": "^16.6.0",
-    "type-fest": "^3.5.1",
+    "type-fest": "^3.6.0",
     "worktop": "^0.7.3"
   },
   "repository": {

packages/react/src/Money.stories.tsx

@@ -39,5 +39,5 @@ Default.args = {
   withoutCurrency: false,
   withoutTrailingZeros: false,
   measurementSeparator: '/',
-  'measurement.referenceUnit': '',
+  'measurement.referenceUnit': undefined,
 };