diff --git a/.github/workflows/website.yml b/.github/workflows/website.yml
index b4cdda3bc68..e5edffce282 100644
--- a/.github/workflows/website.yml
+++ b/.github/workflows/website.yml
@@ -29,6 +29,7 @@ jobs:
         env:
           NEXT_BASE_PATH: ${{ github.ref == 'refs/heads/master' && '/graphql/codegen' || '' }}
           SITE_URL: ${{ github.ref == 'refs/heads/master' && 'https://the-guild.dev/graphql/codegen' || '' }}
+          NEXT_PUBLIC_MENDABLE_ANON_KEY: ${{ secrets.NEXT_PUBLIC_MENDABLE_ANON_KEY }}
         with:
           cloudflareApiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           cloudflareAccountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
diff --git a/dev-test/githunt/typed-document-nodes.ts b/dev-test/githunt/typed-document-nodes.ts
index 02fb126e323..5d66b82c399 100644
--- a/dev-test/githunt/typed-document-nodes.ts
+++ b/dev-test/githunt/typed-document-nodes.ts
@@ -8,7 +8,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/githunt/types.avoidOptionals.ts b/dev-test/githunt/types.avoidOptionals.ts
index addb8eb4649..fae92412f8c 100644
--- a/dev-test/githunt/types.avoidOptionals.ts
+++ b/dev-test/githunt/types.avoidOptionals.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/githunt/types.d.ts b/dev-test/githunt/types.d.ts
index 020e8fbadd6..a3214fa9248 100644
--- a/dev-test/githunt/types.d.ts
+++ b/dev-test/githunt/types.d.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/githunt/types.enumsAsTypes.ts b/dev-test/githunt/types.enumsAsTypes.ts
index 020e8fbadd6..a3214fa9248 100644
--- a/dev-test/githunt/types.enumsAsTypes.ts
+++ b/dev-test/githunt/types.enumsAsTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/githunt/types.flatten.preResolveTypes.ts b/dev-test/githunt/types.flatten.preResolveTypes.ts
index 9377847e5c6..4e7d49bf1eb 100644
--- a/dev-test/githunt/types.flatten.preResolveTypes.ts
+++ b/dev-test/githunt/types.flatten.preResolveTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/githunt/types.immutableTypes.ts b/dev-test/githunt/types.immutableTypes.ts
index 236b7b7ddd0..df6b6d82851 100644
--- a/dev-test/githunt/types.immutableTypes.ts
+++ b/dev-test/githunt/types.immutableTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/githunt/types.preResolveTypes.onlyOperationTypes.ts b/dev-test/githunt/types.preResolveTypes.onlyOperationTypes.ts
index 4dac6f7d163..cdda2177e51 100644
--- a/dev-test/githunt/types.preResolveTypes.onlyOperationTypes.ts
+++ b/dev-test/githunt/types.preResolveTypes.onlyOperationTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/githunt/types.preResolveTypes.ts b/dev-test/githunt/types.preResolveTypes.ts
index deb381b4377..91e23917b8c 100644
--- a/dev-test/githunt/types.preResolveTypes.ts
+++ b/dev-test/githunt/types.preResolveTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/githunt/types.ts b/dev-test/githunt/types.ts
index deb381b4377..91e23917b8c 100644
--- a/dev-test/githunt/types.ts
+++ b/dev-test/githunt/types.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/gql-tag-operations-masking/gql/graphql.ts b/dev-test/gql-tag-operations-masking/gql/graphql.ts
index ba81b9e621e..750eb2d88cd 100644
--- a/dev-test/gql-tag-operations-masking/gql/graphql.ts
+++ b/dev-test/gql-tag-operations-masking/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/gql-tag-operations-urql/gql/graphql.ts b/dev-test/gql-tag-operations-urql/gql/graphql.ts
index c12acc6d8ed..bd2bb802314 100644
--- a/dev-test/gql-tag-operations-urql/gql/graphql.ts
+++ b/dev-test/gql-tag-operations-urql/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/gql-tag-operations/gql/graphql.ts b/dev-test/gql-tag-operations/gql/graphql.ts
index c12acc6d8ed..bd2bb802314 100644
--- a/dev-test/gql-tag-operations/gql/graphql.ts
+++ b/dev-test/gql-tag-operations/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/gql-tag-operations/graphql/graphql.ts b/dev-test/gql-tag-operations/graphql/graphql.ts
index c12acc6d8ed..bd2bb802314 100644
--- a/dev-test/gql-tag-operations/graphql/graphql.ts
+++ b/dev-test/gql-tag-operations/graphql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/modules/types.ts b/dev-test/modules/types.ts
index 1101f0a16d6..893f0c452f1 100644
--- a/dev-test/modules/types.ts
+++ b/dev-test/modules/types.ts
@@ -10,7 +10,7 @@ export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 export type RequireFields<T, K extends keyof T> = Omit<T, K> & { [P in K]-?: NonNullable<T[P]> };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/star-wars/types.avoidOptionals.ts b/dev-test/star-wars/types.avoidOptionals.ts
index 63b07dc7ef9..02b567a168e 100644
--- a/dev-test/star-wars/types.avoidOptionals.ts
+++ b/dev-test/star-wars/types.avoidOptionals.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/star-wars/types.d.ts b/dev-test/star-wars/types.d.ts
index 0eec301b4ad..74b3623a681 100644
--- a/dev-test/star-wars/types.d.ts
+++ b/dev-test/star-wars/types.d.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/star-wars/types.excludeQueryAlpha.ts b/dev-test/star-wars/types.excludeQueryAlpha.ts
index 9d07ac14bb2..c74b2d6c85e 100644
--- a/dev-test/star-wars/types.excludeQueryAlpha.ts
+++ b/dev-test/star-wars/types.excludeQueryAlpha.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/star-wars/types.excludeQueryBeta.ts b/dev-test/star-wars/types.excludeQueryBeta.ts
index 44cd86ce9e7..4a8b70efeaa 100644
--- a/dev-test/star-wars/types.excludeQueryBeta.ts
+++ b/dev-test/star-wars/types.excludeQueryBeta.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/star-wars/types.globallyAvailable.d.ts b/dev-test/star-wars/types.globallyAvailable.d.ts
index 17c513699c1..4a40839de60 100644
--- a/dev-test/star-wars/types.globallyAvailable.d.ts
+++ b/dev-test/star-wars/types.globallyAvailable.d.ts
@@ -7,7 +7,7 @@ type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> = { [_ i
 type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/star-wars/types.immutableTypes.ts b/dev-test/star-wars/types.immutableTypes.ts
index d05e295a233..b058821dbb1 100644
--- a/dev-test/star-wars/types.immutableTypes.ts
+++ b/dev-test/star-wars/types.immutableTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/star-wars/types.preResolveTypes.onlyOperationTypes.ts b/dev-test/star-wars/types.preResolveTypes.onlyOperationTypes.ts
index 5db843a2cf6..7ec1e20377e 100644
--- a/dev-test/star-wars/types.preResolveTypes.onlyOperationTypes.ts
+++ b/dev-test/star-wars/types.preResolveTypes.onlyOperationTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/star-wars/types.preResolveTypes.ts b/dev-test/star-wars/types.preResolveTypes.ts
index b375f71575b..d580beb2eb5 100644
--- a/dev-test/star-wars/types.preResolveTypes.ts
+++ b/dev-test/star-wars/types.preResolveTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/star-wars/types.skipSchema.ts b/dev-test/star-wars/types.skipSchema.ts
index b375f71575b..d580beb2eb5 100644
--- a/dev-test/star-wars/types.skipSchema.ts
+++ b/dev-test/star-wars/types.skipSchema.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/star-wars/types.ts b/dev-test/star-wars/types.ts
index b375f71575b..d580beb2eb5 100644
--- a/dev-test/star-wars/types.ts
+++ b/dev-test/star-wars/types.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/env.types.ts b/dev-test/test-schema/env.types.ts
index ed24257b957..a21f1f2cd58 100644
--- a/dev-test/test-schema/env.types.ts
+++ b/dev-test/test-schema/env.types.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/resolvers-federation.ts b/dev-test/test-schema/resolvers-federation.ts
index 5dff237b8fb..d2c05ac9d13 100644
--- a/dev-test/test-schema/resolvers-federation.ts
+++ b/dev-test/test-schema/resolvers-federation.ts
@@ -8,7 +8,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/resolvers-root.ts b/dev-test/test-schema/resolvers-root.ts
index 3c59b544755..ca4941f0f61 100644
--- a/dev-test/test-schema/resolvers-root.ts
+++ b/dev-test/test-schema/resolvers-root.ts
@@ -9,7 +9,7 @@ export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' |
 export type RequireFields<T, K extends keyof T> = Omit<T, K> & { [P in K]-?: NonNullable<T[P]> };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/resolvers-stitching.ts b/dev-test/test-schema/resolvers-stitching.ts
index d312d4982c5..8954a721b9a 100644
--- a/dev-test/test-schema/resolvers-stitching.ts
+++ b/dev-test/test-schema/resolvers-stitching.ts
@@ -9,7 +9,7 @@ export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' |
 export type RequireFields<T, K extends keyof T> = Omit<T, K> & { [P in K]-?: NonNullable<T[P]> };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/resolvers-types.ts b/dev-test/test-schema/resolvers-types.ts
index 4fd6f9fca4d..6bb026ac0c8 100644
--- a/dev-test/test-schema/resolvers-types.ts
+++ b/dev-test/test-schema/resolvers-types.ts
@@ -9,7 +9,7 @@ export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' |
 export type RequireFields<T, K extends keyof T> = Omit<T, K> & { [P in K]-?: NonNullable<T[P]> };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/types.preResolveTypes.onlyOperationTypes.ts b/dev-test/test-schema/types.preResolveTypes.onlyOperationTypes.ts
index 0491645185e..8c580b61f78 100644
--- a/dev-test/test-schema/types.preResolveTypes.onlyOperationTypes.ts
+++ b/dev-test/test-schema/types.preResolveTypes.onlyOperationTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/types.preResolveTypes.ts b/dev-test/test-schema/types.preResolveTypes.ts
index ce938578b61..472613688cf 100644
--- a/dev-test/test-schema/types.preResolveTypes.ts
+++ b/dev-test/test-schema/types.preResolveTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/typings.avoidOptionals.ts b/dev-test/test-schema/typings.avoidOptionals.ts
index 008269cb61d..43e966058f7 100644
--- a/dev-test/test-schema/typings.avoidOptionals.ts
+++ b/dev-test/test-schema/typings.avoidOptionals.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/typings.enum.ts b/dev-test/test-schema/typings.enum.ts
index 676c3ed87a0..491b66ac691 100644
--- a/dev-test/test-schema/typings.enum.ts
+++ b/dev-test/test-schema/typings.enum.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/typings.immutableTypes.ts b/dev-test/test-schema/typings.immutableTypes.ts
index ef1938a114d..c8a55b067b5 100644
--- a/dev-test/test-schema/typings.immutableTypes.ts
+++ b/dev-test/test-schema/typings.immutableTypes.ts
@@ -7,7 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/typings.ts b/dev-test/test-schema/typings.ts
index 74c936a8484..707d55a9502 100644
--- a/dev-test/test-schema/typings.ts
+++ b/dev-test/test-schema/typings.ts
@@ -9,7 +9,7 @@ export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' |
 export type RequireFields<T, K extends keyof T> = Omit<T, K> & { [P in K]-?: NonNullable<T[P]> };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/dev-test/test-schema/typings.wrapped.ts b/dev-test/test-schema/typings.wrapped.ts
index 402545ac2da..a17ae3d1de2 100644
--- a/dev-test/test-schema/typings.wrapped.ts
+++ b/dev-test/test-schema/typings.wrapped.ts
@@ -8,7 +8,7 @@ declare namespace GraphQL {
   export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
   /** All built-in and custom scalars, mapped to their actual values */
   export type Scalars = {
-    ID: { input: string | number; output: string };
+    ID: { input: string; output: string };
     String: { input: string; output: string };
     Boolean: { input: boolean; output: boolean };
     Int: { input: number; output: number };
diff --git a/examples/persisted-documents-string-mode/package.json b/examples/persisted-documents-string-mode/package.json
index 49a941c5231..1a8ba91e171 100644
--- a/examples/persisted-documents-string-mode/package.json
+++ b/examples/persisted-documents-string-mode/package.json
@@ -10,8 +10,8 @@
     "@graphql-typed-document-node/core": "3.2.0",
     "jest": "28.1.3",
     "babel-jest": "28.1.3",
-    "@graphql-codegen/cli": "4.0.0",
-    "@graphql-codegen/client-preset": "4.0.0",
+    "@graphql-codegen/cli": "4.0.1",
+    "@graphql-codegen/client-preset": "4.0.1",
     "@babel/core": "7.21.8",
     "@babel/preset-env": "7.21.5",
     "@babel/preset-typescript": "7.21.5"
diff --git a/examples/persisted-documents-string-mode/src/gql/graphql.ts b/examples/persisted-documents-string-mode/src/gql/graphql.ts
index 0730ee3334f..1e014d4061d 100644
--- a/examples/persisted-documents-string-mode/src/gql/graphql.ts
+++ b/examples/persisted-documents-string-mode/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/persisted-documents/package.json b/examples/persisted-documents/package.json
index 140ea3184c0..04c5524794b 100644
--- a/examples/persisted-documents/package.json
+++ b/examples/persisted-documents/package.json
@@ -10,8 +10,8 @@
     "@graphql-typed-document-node/core": "3.2.0",
     "jest": "28.1.3",
     "babel-jest": "28.1.3",
-    "@graphql-codegen/cli": "4.0.0",
-    "@graphql-codegen/client-preset": "4.0.0",
+    "@graphql-codegen/cli": "4.0.1",
+    "@graphql-codegen/client-preset": "4.0.1",
     "@babel/core": "7.21.8",
     "@babel/preset-env": "7.21.5",
     "@babel/preset-typescript": "7.21.5"
diff --git a/examples/persisted-documents/src/gql/graphql.ts b/examples/persisted-documents/src/gql/graphql.ts
index d2e3ec627ce..6b7a4ca84f4 100644
--- a/examples/persisted-documents/src/gql/graphql.ts
+++ b/examples/persisted-documents/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/programmatic-typescript/package.json b/examples/programmatic-typescript/package.json
index 6b6a977b136..e478a1eefae 100644
--- a/examples/programmatic-typescript/package.json
+++ b/examples/programmatic-typescript/package.json
@@ -12,10 +12,10 @@
   "dependencies": {
     "@graphql-codegen/core": "4.0.0",
     "@graphql-codegen/plugin-helpers": "5.0.0",
-    "@graphql-codegen/typed-document-node": "5.0.0",
-    "@graphql-codegen/typescript": "4.0.0",
-    "@graphql-codegen/typescript-operations": "4.0.0",
-    "@graphql-codegen/typescript-resolvers": "4.0.0",
+    "@graphql-codegen/typed-document-node": "5.0.1",
+    "@graphql-codegen/typescript": "4.0.1",
+    "@graphql-codegen/typescript-operations": "4.0.1",
+    "@graphql-codegen/typescript-resolvers": "4.0.1",
     "@graphql-tools/graphql-file-loader": "8.0.0",
     "@graphql-tools/load": "8.0.0",
     "@graphql-tools/schema": "10.0.0",
@@ -24,7 +24,7 @@
     "prettier": "2.8.8"
   },
   "devDependencies": {
-    "@types/node": "18.16.13",
+    "@types/node": "18.16.16",
     "tsup": "6.7.0"
   }
 }
diff --git a/examples/react/apollo-client-defer/package.json b/examples/react/apollo-client-defer/package.json
index bedef2c7c7f..159e13696c0 100644
--- a/examples/react/apollo-client-defer/package.json
+++ b/examples/react/apollo-client-defer/package.json
@@ -11,8 +11,8 @@
     "graphql-yoga": "3.9.1"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^4.0.0",
-    "@graphql-codegen/client-preset": "^4.0.0",
+    "@graphql-codegen/cli": "^4.0.1",
+    "@graphql-codegen/client-preset": "^4.0.1",
     "@types/jest": "^27.5.2",
     "@types/node": "^18.11.18",
     "@types/react": "^18.0.15",
diff --git a/examples/react/apollo-client-defer/src/gql/graphql.ts b/examples/react/apollo-client-defer/src/gql/graphql.ts
index 99a00b13567..990b301a152 100644
--- a/examples/react/apollo-client-defer/src/gql/graphql.ts
+++ b/examples/react/apollo-client-defer/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/react/apollo-client-swc-plugin/package.json b/examples/react/apollo-client-swc-plugin/package.json
index f7088fdf0e6..8b712829ca9 100644
--- a/examples/react/apollo-client-swc-plugin/package.json
+++ b/examples/react/apollo-client-swc-plugin/package.json
@@ -9,10 +9,10 @@
   },
   "devDependencies": {
     "@graphql-codegen/client-preset-swc-plugin": "0.2.0",
-    "@graphql-codegen/client-preset": "^4.0.0",
-    "@graphql-codegen/cli": "^4.0.0",
+    "@graphql-codegen/client-preset": "^4.0.1",
+    "@graphql-codegen/cli": "^4.0.1",
     "@vitejs/plugin-react-swc": "^3.3.0",
-    "@types/react": "18.2.6",
+    "@types/react": "18.2.7",
     "@types/react-dom": "18.2.4",
     "typescript": "5.0.4",
     "vite": "^4.1.0"
diff --git a/examples/react/apollo-client-swc-plugin/src/gql/graphql.ts b/examples/react/apollo-client-swc-plugin/src/gql/graphql.ts
index 7c619f06073..08a4e82ceef 100644
--- a/examples/react/apollo-client-swc-plugin/src/gql/graphql.ts
+++ b/examples/react/apollo-client-swc-plugin/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/react/apollo-client/package.json b/examples/react/apollo-client/package.json
index e56c68515b7..5ba2dfbfd14 100644
--- a/examples/react/apollo-client/package.json
+++ b/examples/react/apollo-client/package.json
@@ -9,8 +9,8 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^4.0.0",
-    "@graphql-codegen/client-preset": "^4.0.0",
+    "@graphql-codegen/cli": "^4.0.1",
+    "@graphql-codegen/client-preset": "^4.0.1",
     "@vitejs/plugin-react": "^3.1.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^18.11.18",
diff --git a/examples/react/apollo-client/src/gql/graphql.ts b/examples/react/apollo-client/src/gql/graphql.ts
index 7c619f06073..08a4e82ceef 100644
--- a/examples/react/apollo-client/src/gql/graphql.ts
+++ b/examples/react/apollo-client/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/react/http-executor/package.json b/examples/react/http-executor/package.json
index 2f481c0f660..cc0233c5a18 100644
--- a/examples/react/http-executor/package.json
+++ b/examples/react/http-executor/package.json
@@ -8,8 +8,8 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^4.0.0",
-    "@graphql-codegen/client-preset": "^4.0.0",
+    "@graphql-codegen/cli": "^4.0.1",
+    "@graphql-codegen/client-preset": "^4.0.1",
     "@vitejs/plugin-react": "^3.1.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^18.11.18",
diff --git a/examples/react/http-executor/src/gql/graphql.ts b/examples/react/http-executor/src/gql/graphql.ts
index 7c619f06073..08a4e82ceef 100644
--- a/examples/react/http-executor/src/gql/graphql.ts
+++ b/examples/react/http-executor/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/react/nextjs-swr/gql/graphql.ts b/examples/react/nextjs-swr/gql/graphql.ts
index fbd1809a391..98a06071016 100644
--- a/examples/react/nextjs-swr/gql/graphql.ts
+++ b/examples/react/nextjs-swr/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/react/nextjs-swr/package.json b/examples/react/nextjs-swr/package.json
index 3010450e694..1fe4b21d089 100644
--- a/examples/react/nextjs-swr/package.json
+++ b/examples/react/nextjs-swr/package.json
@@ -19,8 +19,8 @@
     "swr": "^1.3.0"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^4.0.0",
-    "@graphql-codegen/client-preset": "^4.0.0",
+    "@graphql-codegen/cli": "^4.0.1",
+    "@graphql-codegen/client-preset": "^4.0.1",
     "@graphql-codegen/schema-ast": "4.0.0",
     "@graphql-codegen/client-preset-swc-plugin": "0.2.0",
     "@types/node": "^18.11.18",
diff --git a/examples/react/tanstack-react-query/package.json b/examples/react/tanstack-react-query/package.json
index 05bb53e53dc..5289b21ac6c 100644
--- a/examples/react/tanstack-react-query/package.json
+++ b/examples/react/tanstack-react-query/package.json
@@ -3,13 +3,13 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@tanstack/react-query": "4.29.3",
+    "@tanstack/react-query": "4.29.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^4.0.0",
-    "@graphql-codegen/client-preset": "^4.0.0",
+    "@graphql-codegen/cli": "^4.0.1",
+    "@graphql-codegen/client-preset": "^4.0.1",
     "@vitejs/plugin-react": "^3.1.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^18.11.18",
diff --git a/examples/react/tanstack-react-query/src/gql/graphql.ts b/examples/react/tanstack-react-query/src/gql/graphql.ts
index 468724b5057..132329d5eac 100644
--- a/examples/react/tanstack-react-query/src/gql/graphql.ts
+++ b/examples/react/tanstack-react-query/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/react/urql/package.json b/examples/react/urql/package.json
index 4d32fd1b928..1283e4dff36 100644
--- a/examples/react/urql/package.json
+++ b/examples/react/urql/package.json
@@ -10,8 +10,8 @@
   "devDependencies": {
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.10",
-    "@graphql-codegen/cli": "^4.0.0",
-    "@graphql-codegen/client-preset": "^4.0.0",
+    "@graphql-codegen/cli": "^4.0.1",
+    "@graphql-codegen/client-preset": "^4.0.1",
     "@vitejs/plugin-react": "^3.1.0",
     "typescript": "5.0.4",
     "serve": "14.2.0",
diff --git a/examples/react/urql/src/gql/graphql.ts b/examples/react/urql/src/gql/graphql.ts
index 5accc591bf9..3018c7e762b 100644
--- a/examples/react/urql/src/gql/graphql.ts
+++ b/examples/react/urql/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/typescript-esm/package.json b/examples/typescript-esm/package.json
index ffd85414149..429d0d622ae 100644
--- a/examples/typescript-esm/package.json
+++ b/examples/typescript-esm/package.json
@@ -3,8 +3,8 @@
   "version": "0.0.0",
   "private": true,
   "devDependencies": {
-    "@graphql-codegen/cli": "4.0.0",
-    "@graphql-codegen/client-preset": "4.0.0"
+    "@graphql-codegen/cli": "4.0.1",
+    "@graphql-codegen/client-preset": "4.0.1"
   },
   "dependencies": {
     "@graphql-typed-document-node/core": "3.2.0",
diff --git a/examples/typescript-esm/src/gql/graphql.ts b/examples/typescript-esm/src/gql/graphql.ts
index 146255fc41b..c3de60651c9 100644
--- a/examples/typescript-esm/src/gql/graphql.ts
+++ b/examples/typescript-esm/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/typescript-graphql-request/package.json b/examples/typescript-graphql-request/package.json
index 888f2213f90..5ed290c1c9f 100644
--- a/examples/typescript-graphql-request/package.json
+++ b/examples/typescript-graphql-request/package.json
@@ -3,8 +3,8 @@
   "version": "0.0.0",
   "private": true,
   "devDependencies": {
-    "@graphql-codegen/cli": "4.0.0",
-    "@graphql-codegen/client-preset": "4.0.0",
+    "@graphql-codegen/cli": "4.0.1",
+    "@graphql-codegen/client-preset": "4.0.1",
     "babel-jest": "28.1.3",
     "jest": "28.1.3"
   },
diff --git a/examples/typescript-graphql-request/src/gql/graphql.ts b/examples/typescript-graphql-request/src/gql/graphql.ts
index 5901e1fee79..2d6abccbc4f 100644
--- a/examples/typescript-graphql-request/src/gql/graphql.ts
+++ b/examples/typescript-graphql-request/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/typescript-resolvers/package.json b/examples/typescript-resolvers/package.json
index b55e48dfc2b..de00b5834ff 100644
--- a/examples/typescript-resolvers/package.json
+++ b/examples/typescript-resolvers/package.json
@@ -3,9 +3,9 @@
   "version": "0.0.0",
   "private": true,
   "devDependencies": {
-    "@graphql-codegen/cli": "4.0.0",
-    "@graphql-codegen/typescript": "4.0.0",
-    "@graphql-codegen/typescript-resolvers": "4.0.0"
+    "@graphql-codegen/cli": "4.0.1",
+    "@graphql-codegen/typescript": "4.0.1",
+    "@graphql-codegen/typescript-resolvers": "4.0.1"
   },
   "dependencies": {
     "graphql": "16.6.0",
diff --git a/examples/typescript-resolvers/src/type-defs.d.ts b/examples/typescript-resolvers/src/type-defs.d.ts
index bd309a8b918..7ac21289be1 100644
--- a/examples/typescript-resolvers/src/type-defs.d.ts
+++ b/examples/typescript-resolvers/src/type-defs.d.ts
@@ -9,7 +9,7 @@ export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' |
 export type RequireFields<T, K extends keyof T> = Omit<T, K> & { [P in K]-?: NonNullable<T[P]> };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/vite/vite-react-cts/package.json b/examples/vite/vite-react-cts/package.json
index a9cb9cbebf0..a357e7533d5 100644
--- a/examples/vite/vite-react-cts/package.json
+++ b/examples/vite/vite-react-cts/package.json
@@ -21,8 +21,8 @@
     "vite": "^4.1.0"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "4.0.0",
-    "@graphql-codegen/client-preset": "4.0.0",
+    "@graphql-codegen/cli": "4.0.1",
+    "@graphql-codegen/client-preset": "4.0.1",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
     "cypress": "12.12.0",
diff --git a/examples/vite/vite-react-cts/src/gql/graphql.ts b/examples/vite/vite-react-cts/src/gql/graphql.ts
index fbd1809a391..98a06071016 100644
--- a/examples/vite/vite-react-cts/src/gql/graphql.ts
+++ b/examples/vite/vite-react-cts/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/vite/vite-react-mts/package.json b/examples/vite/vite-react-mts/package.json
index d5407457be7..d30ae8b1b7a 100644
--- a/examples/vite/vite-react-mts/package.json
+++ b/examples/vite/vite-react-mts/package.json
@@ -21,8 +21,8 @@
     "vite": "^4.1.0"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "4.0.0",
-    "@graphql-codegen/client-preset": "4.0.0",
+    "@graphql-codegen/cli": "4.0.1",
+    "@graphql-codegen/client-preset": "4.0.1",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
     "cypress": "12.12.0",
diff --git a/examples/vite/vite-react-mts/src/gql/graphql.ts b/examples/vite/vite-react-mts/src/gql/graphql.ts
index fbd1809a391..98a06071016 100644
--- a/examples/vite/vite-react-mts/src/gql/graphql.ts
+++ b/examples/vite/vite-react-mts/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/vite/vite-react-ts/package.json b/examples/vite/vite-react-ts/package.json
index 0449ef71333..92954141efe 100644
--- a/examples/vite/vite-react-ts/package.json
+++ b/examples/vite/vite-react-ts/package.json
@@ -21,8 +21,8 @@
     "vite": "^4.1.0"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "4.0.0",
-    "@graphql-codegen/client-preset": "4.0.0",
+    "@graphql-codegen/cli": "4.0.1",
+    "@graphql-codegen/client-preset": "4.0.1",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
     "cypress": "12.12.0",
diff --git a/examples/vite/vite-react-ts/src/gql/graphql.ts b/examples/vite/vite-react-ts/src/gql/graphql.ts
index fbd1809a391..98a06071016 100644
--- a/examples/vite/vite-react-ts/src/gql/graphql.ts
+++ b/examples/vite/vite-react-ts/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/vue/apollo-composable/package.json b/examples/vue/apollo-composable/package.json
index a340c422187..88d701e0c29 100644
--- a/examples/vue/apollo-composable/package.json
+++ b/examples/vue/apollo-composable/package.json
@@ -17,8 +17,8 @@
     "vue": "^3.2.37"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^4.0.0",
-    "@graphql-codegen/client-preset": "^4.0.0",
+    "@graphql-codegen/cli": "^4.0.1",
+    "@graphql-codegen/client-preset": "^4.0.1",
     "@vitejs/plugin-vue": "^4.0.0",
     "typescript": "^5.0.0",
     "vite": "^4.1.0",
diff --git a/examples/vue/apollo-composable/src/gql/graphql.ts b/examples/vue/apollo-composable/src/gql/graphql.ts
index b4dfb1e7039..1826496b745 100644
--- a/examples/vue/apollo-composable/src/gql/graphql.ts
+++ b/examples/vue/apollo-composable/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/vue/urql/package.json b/examples/vue/urql/package.json
index b17afe515bc..2af154fd78a 100644
--- a/examples/vue/urql/package.json
+++ b/examples/vue/urql/package.json
@@ -16,8 +16,8 @@
     "vue": "^3.2.45"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^4.0.0",
-    "@graphql-codegen/client-preset": "^4.0.0",
+    "@graphql-codegen/cli": "^4.0.1",
+    "@graphql-codegen/client-preset": "^4.0.1",
     "@vitejs/plugin-vue": "^4.0.0",
     "typescript": "^5.0.0",
     "vite": "^4.1.0",
diff --git a/examples/vue/urql/src/gql/graphql.ts b/examples/vue/urql/src/gql/graphql.ts
index b4dfb1e7039..1826496b745 100644
--- a/examples/vue/urql/src/gql/graphql.ts
+++ b/examples/vue/urql/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/vue/urql/src/main.ts b/examples/vue/urql/src/main.ts
index b9ed2e2f344..a74062abb03 100644
--- a/examples/vue/urql/src/main.ts
+++ b/examples/vue/urql/src/main.ts
@@ -1,11 +1,12 @@
 import { createApp } from 'vue';
-import urql from '@urql/vue';
+import urql, { cacheExchange, fetchExchange } from '@urql/vue';
 import App from './App.vue';
 
 const app = createApp(App);
 
 app.use(urql, {
   url: 'https://swapi-graphql.netlify.app/.netlify/functions/index',
+  exchanges: [cacheExchange, fetchExchange],
 });
 
 app.mount('#app');
diff --git a/examples/vue/villus/package.json b/examples/vue/villus/package.json
index 11542a03593..6862cc9eac9 100644
--- a/examples/vue/villus/package.json
+++ b/examples/vue/villus/package.json
@@ -16,8 +16,8 @@
     "vue": "^3.2.37"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^4.0.0",
-    "@graphql-codegen/client-preset": "^4.0.0",
+    "@graphql-codegen/cli": "^4.0.1",
+    "@graphql-codegen/client-preset": "^4.0.1",
     "@vitejs/plugin-vue": "^4.0.0",
     "typescript": "^5.0.0",
     "vite": "^4.1.0",
diff --git a/examples/vue/villus/src/gql/graphql.ts b/examples/vue/villus/src/gql/graphql.ts
index b4dfb1e7039..1826496b745 100644
--- a/examples/vue/villus/src/gql/graphql.ts
+++ b/examples/vue/villus/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/examples/yoga-tests/package.json b/examples/yoga-tests/package.json
index 00850163332..7379941ac69 100644
--- a/examples/yoga-tests/package.json
+++ b/examples/yoga-tests/package.json
@@ -9,8 +9,8 @@
     "@graphql-typed-document-node/core": "3.2.0",
     "jest": "28.1.3",
     "babel-jest": "28.1.3",
-    "@graphql-codegen/cli": "4.0.0",
-    "@graphql-codegen/client-preset": "4.0.0",
+    "@graphql-codegen/cli": "4.0.1",
+    "@graphql-codegen/client-preset": "4.0.1",
     "@babel/core": "7.21.8",
     "@babel/preset-env": "7.21.5",
     "@babel/preset-typescript": "7.21.5"
diff --git a/examples/yoga-tests/src/gql/graphql.ts b/examples/yoga-tests/src/gql/graphql.ts
index ac3374a6dfc..db6761f132f 100644
--- a/examples/yoga-tests/src/gql/graphql.ts
+++ b/examples/yoga-tests/src/gql/graphql.ts
@@ -9,7 +9,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string };
+  ID: { input: string; output: string };
   String: { input: string; output: string };
   Boolean: { input: boolean; output: boolean };
   Int: { input: number; output: number };
diff --git a/package.json b/package.json
index 8089bbe9920..a19008db8ca 100644
--- a/package.json
+++ b/package.json
@@ -62,11 +62,11 @@
     "lint-staged": "13.2.2",
     "patch-package": "6.5.1",
     "prettier": "2.8.8",
-    "prettier-plugin-svelte": "2.10.0",
+    "prettier-plugin-svelte": "2.10.1",
     "rimraf": "4.4.1",
     "ts-jest": "28.0.8",
     "ts-node": "10.9.1",
-    "tslib": "2.5.0",
+    "tslib": "2.5.2",
     "tsx": "3.12.7",
     "typescript": "5.0.4"
   },
diff --git a/packages/graphql-codegen-cli/CHANGELOG.md b/packages/graphql-codegen-cli/CHANGELOG.md
index 98fa1ae28bd..36b6314e8ff 100644
--- a/packages/graphql-codegen-cli/CHANGELOG.md
+++ b/packages/graphql-codegen-cli/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @graphql-codegen/cli
 
+## 4.0.1
+
+### Patch Changes
+
+- [#9479](https://github.com/dotansimha/graphql-code-generator/pull/9479) [`0aa444b5d`](https://github.com/dotansimha/graphql-code-generator/commit/0aa444b5d092565c321643a55fb05c7301e303bf) Thanks [@gilgardosh](https://github.com/gilgardosh)! - dependencies updates:
+
+  - Updated dependency [`graphql-config@^5.0.2` ↗︎](https://www.npmjs.com/package/graphql-config/v/5.0.2) (from `^5.0.1`, in `dependencies`)
+
+- [#9479](https://github.com/dotansimha/graphql-code-generator/pull/9479) [`0aa444b5d`](https://github.com/dotansimha/graphql-code-generator/commit/0aa444b5d092565c321643a55fb05c7301e303bf) Thanks [@gilgardosh](https://github.com/gilgardosh)! - Update graphql-config to v^5.0.2
+
 ## 4.0.0
 
 ### Major Changes
diff --git a/packages/graphql-codegen-cli/package.json b/packages/graphql-codegen-cli/package.json
index 37a7b3eb52f..4795b7c04df 100644
--- a/packages/graphql-codegen-cli/package.json
+++ b/packages/graphql-codegen-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/cli",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "license": "MIT",
   "bin": {
     "gql-gen": "dist/cjs/bin.js",
@@ -61,7 +61,7 @@
     "cosmiconfig": "^8.1.3",
     "debounce": "^1.2.0",
     "detect-indent": "^6.0.0",
-    "graphql-config": "^5.0.1",
+    "graphql-config": "^5.0.2",
     "inquirer": "^8.0.0",
     "is-glob": "^4.0.1",
     "jiti": "^1.17.1",
diff --git a/packages/graphql-codegen-cli/tests/codegen.spec.ts b/packages/graphql-codegen-cli/tests/codegen.spec.ts
index 99d7e662192..da14f60b5a8 100644
--- a/packages/graphql-codegen-cli/tests/codegen.spec.ts
+++ b/packages/graphql-codegen-cli/tests/codegen.spec.ts
@@ -719,7 +719,7 @@ describe('Codegen Executor', () => {
 
       expect(output.length).toBe(1);
       expect(output[0].content).toBeSimilarStringTo(`export type Scalars = {
-        ID: { input: string | number; output: string; }
+        ID: { input: string; output: string; }
         String: { input: string; output: string; }
         Boolean: { input: boolean; output: boolean; }
         Int: { input: number; output: number; }
diff --git a/packages/plugins/other/visitor-plugin-common/CHANGELOG.md b/packages/plugins/other/visitor-plugin-common/CHANGELOG.md
index 8c6adc2230a..7e53d4c440a 100644
--- a/packages/plugins/other/visitor-plugin-common/CHANGELOG.md
+++ b/packages/plugins/other/visitor-plugin-common/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @graphql-codegen/visitor-plugin-common
 
+## 4.0.1
+
+### Patch Changes
+
+- [#9497](https://github.com/dotansimha/graphql-code-generator/pull/9497) [`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a) Thanks [@eddeee888](https://github.com/eddeee888)! - Revert default ID scalar input type to string
+
+  We changed the ID Scalar input type from `string` to `string | number` in the latest major version of `typescript` plugin. This causes issues for server plugins (e.g. typescript-resolvers) that depends on `typescript` plugin. This is because the scalar type needs to be manually inverted on setup which is confusing.
+
 ## 4.0.0
 
 ### Major Changes
diff --git a/packages/plugins/other/visitor-plugin-common/package.json b/packages/plugins/other/visitor-plugin-common/package.json
index b2407c55956..502b497420a 100644
--- a/packages/plugins/other/visitor-plugin-common/package.json
+++ b/packages/plugins/other/visitor-plugin-common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/visitor-plugin-common",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/plugins/other/visitor-plugin-common/src/base-resolvers-visitor.ts b/packages/plugins/other/visitor-plugin-common/src/base-resolvers-visitor.ts
index 6249447751d..123f9e6b3b6 100644
--- a/packages/plugins/other/visitor-plugin-common/src/base-resolvers-visitor.ts
+++ b/packages/plugins/other/visitor-plugin-common/src/base-resolvers-visitor.ts
@@ -128,7 +128,9 @@ export interface RawResolversConfig extends RawConfig {
    *  export default config;
    * ```
    *
-   * ## Custom Context Type
+   * ## Custom Context Type by Path
+   *
+   * Note that the path should be relative to the generated file.
    *
    * ```ts filename="codegen.ts"
    *  import type { CodegenConfig } from '@graphql-codegen/cli';
diff --git a/packages/plugins/other/visitor-plugin-common/src/scalars.ts b/packages/plugins/other/visitor-plugin-common/src/scalars.ts
index a5e8a242129..e58f82790ed 100644
--- a/packages/plugins/other/visitor-plugin-common/src/scalars.ts
+++ b/packages/plugins/other/visitor-plugin-common/src/scalars.ts
@@ -2,7 +2,7 @@ import { NormalizedScalarsMap } from './types.js';
 
 export const DEFAULT_SCALARS: NormalizedScalarsMap = {
   ID: {
-    input: 'string | number',
+    input: 'string',
     output: 'string',
   },
   String: {
diff --git a/packages/plugins/typescript/document-nodes/CHANGELOG.md b/packages/plugins/typescript/document-nodes/CHANGELOG.md
index 9e927aa1850..4f16e0a2d46 100644
--- a/packages/plugins/typescript/document-nodes/CHANGELOG.md
+++ b/packages/plugins/typescript/document-nodes/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @graphql-codegen/typescript-document-nodes
 
+## 4.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a)]:
+  - @graphql-codegen/visitor-plugin-common@4.0.1
+
 ## 4.0.0
 
 ### Major Changes
diff --git a/packages/plugins/typescript/document-nodes/package.json b/packages/plugins/typescript/document-nodes/package.json
index 691539a047e..b9b42d75d85 100644
--- a/packages/plugins/typescript/document-nodes/package.json
+++ b/packages/plugins/typescript/document-nodes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/typescript-document-nodes",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "GraphQL Code Generator plugin for generating TypeScript modules with embedded GraphQL document nodes",
   "repository": {
     "type": "git",
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@graphql-codegen/plugin-helpers": "^5.0.0",
-    "@graphql-codegen/visitor-plugin-common": "4.0.0",
+    "@graphql-codegen/visitor-plugin-common": "4.0.1",
     "auto-bind": "~4.0.0",
     "tslib": "~2.5.0"
   },
diff --git a/packages/plugins/typescript/gql-tag-operations/CHANGELOG.md b/packages/plugins/typescript/gql-tag-operations/CHANGELOG.md
index a6f72df57d6..c0117bf62c1 100644
--- a/packages/plugins/typescript/gql-tag-operations/CHANGELOG.md
+++ b/packages/plugins/typescript/gql-tag-operations/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @graphql-codegen/gql-tag-operations
 
+## 4.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a)]:
+  - @graphql-codegen/visitor-plugin-common@4.0.1
+
 ## 4.0.0
 
 ### Major Changes
diff --git a/packages/plugins/typescript/gql-tag-operations/package.json b/packages/plugins/typescript/gql-tag-operations/package.json
index 10c8b9d224b..f85a2750c95 100644
--- a/packages/plugins/typescript/gql-tag-operations/package.json
+++ b/packages/plugins/typescript/gql-tag-operations/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/gql-tag-operations",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "GraphQL Code Generator plugin for generating a typed gql tag function",
   "repository": {
     "type": "git",
@@ -18,7 +18,7 @@
   "dependencies": {
     "@graphql-tools/utils": "^10.0.0",
     "@graphql-codegen/plugin-helpers": "^5.0.0",
-    "@graphql-codegen/visitor-plugin-common": "4.0.0",
+    "@graphql-codegen/visitor-plugin-common": "4.0.1",
     "auto-bind": "~4.0.0",
     "tslib": "~2.5.0"
   },
diff --git a/packages/plugins/typescript/operations/CHANGELOG.md b/packages/plugins/typescript/operations/CHANGELOG.md
index f1b7389e2d8..0aa1743d4d9 100644
--- a/packages/plugins/typescript/operations/CHANGELOG.md
+++ b/packages/plugins/typescript/operations/CHANGELOG.md
@@ -1,5 +1,17 @@
 # @graphql-codegen/typescript-operations
 
+## 4.0.1
+
+### Patch Changes
+
+- [#9497](https://github.com/dotansimha/graphql-code-generator/pull/9497) [`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a) Thanks [@eddeee888](https://github.com/eddeee888)! - Revert default ID scalar input type to string
+
+  We changed the ID Scalar input type from `string` to `string | number` in the latest major version of `typescript` plugin. This causes issues for server plugins (e.g. typescript-resolvers) that depends on `typescript` plugin. This is because the scalar type needs to be manually inverted on setup which is confusing.
+
+- Updated dependencies [[`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a)]:
+  - @graphql-codegen/visitor-plugin-common@4.0.1
+  - @graphql-codegen/typescript@4.0.1
+
 ## 4.0.0
 
 ### Major Changes
diff --git a/packages/plugins/typescript/operations/package.json b/packages/plugins/typescript/operations/package.json
index 669478974ad..82c71b224bf 100644
--- a/packages/plugins/typescript/operations/package.json
+++ b/packages/plugins/typescript/operations/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/typescript-operations",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "GraphQL Code Generator plugin for generating TypeScript types for GraphQL queries, mutations, subscriptions and fragments",
   "repository": {
     "type": "git",
@@ -14,8 +14,8 @@
   },
   "dependencies": {
     "@graphql-codegen/plugin-helpers": "^5.0.0",
-    "@graphql-codegen/typescript": "^4.0.0",
-    "@graphql-codegen/visitor-plugin-common": "4.0.0",
+    "@graphql-codegen/typescript": "^4.0.1",
+    "@graphql-codegen/visitor-plugin-common": "4.0.1",
     "auto-bind": "~4.0.0",
     "tslib": "~2.5.0"
   },
diff --git a/packages/plugins/typescript/operations/tests/__snapshots__/ts-documents.spec.ts.snap b/packages/plugins/typescript/operations/tests/__snapshots__/ts-documents.spec.ts.snap
index 8345468ea6c..b363ec0e715 100644
--- a/packages/plugins/typescript/operations/tests/__snapshots__/ts-documents.spec.ts.snap
+++ b/packages/plugins/typescript/operations/tests/__snapshots__/ts-documents.spec.ts.snap
@@ -73,7 +73,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string; }
+  ID: { input: string; output: string; }
   String: { input: string; output: string; }
   Boolean: { input: boolean; output: boolean; }
   Int: { input: number; output: number; }
@@ -364,7 +364,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string; }
+  ID: { input: string; output: string; }
   String: { input: string; output: string; }
   Boolean: { input: boolean; output: boolean; }
   Int: { input: number; output: number; }
@@ -482,7 +482,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string; }
+  ID: { input: string; output: string; }
   String: { input: string; output: string; }
   Boolean: { input: boolean; output: boolean; }
   Int: { input: number; output: number; }
@@ -577,7 +577,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string; }
+  ID: { input: string; output: string; }
   String: { input: string; output: string; }
   Boolean: { input: boolean; output: boolean; }
   Int: { input: number; output: number; }
diff --git a/packages/plugins/typescript/operations/tests/ts-documents.spec.ts b/packages/plugins/typescript/operations/tests/ts-documents.spec.ts
index 7060d7e576c..edb7603924f 100644
--- a/packages/plugins/typescript/operations/tests/ts-documents.spec.ts
+++ b/packages/plugins/typescript/operations/tests/ts-documents.spec.ts
@@ -4105,7 +4105,7 @@ describe('TypeScript Operations Plugin', () => {
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -4215,7 +4215,7 @@ describe('TypeScript Operations Plugin', () => {
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -4303,7 +4303,7 @@ describe('TypeScript Operations Plugin', () => {
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
diff --git a/packages/plugins/typescript/resolvers/CHANGELOG.md b/packages/plugins/typescript/resolvers/CHANGELOG.md
index 0a088002ad2..e59d6277552 100644
--- a/packages/plugins/typescript/resolvers/CHANGELOG.md
+++ b/packages/plugins/typescript/resolvers/CHANGELOG.md
@@ -1,5 +1,17 @@
 # @graphql-codegen/typescript-resolvers
 
+## 4.0.1
+
+### Patch Changes
+
+- [#9497](https://github.com/dotansimha/graphql-code-generator/pull/9497) [`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a) Thanks [@eddeee888](https://github.com/eddeee888)! - Revert default ID scalar input type to string
+
+  We changed the ID Scalar input type from `string` to `string | number` in the latest major version of `typescript` plugin. This causes issues for server plugins (e.g. typescript-resolvers) that depends on `typescript` plugin. This is because the scalar type needs to be manually inverted on setup which is confusing.
+
+- Updated dependencies [[`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a)]:
+  - @graphql-codegen/visitor-plugin-common@4.0.1
+  - @graphql-codegen/typescript@4.0.1
+
 ## 4.0.0
 
 ### Major Changes
diff --git a/packages/plugins/typescript/resolvers/package.json b/packages/plugins/typescript/resolvers/package.json
index 8bd60448400..10833d3192f 100644
--- a/packages/plugins/typescript/resolvers/package.json
+++ b/packages/plugins/typescript/resolvers/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/typescript-resolvers",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "GraphQL Code Generator plugin for generating TypeScript types for resolvers signature",
   "repository": {
     "type": "git",
@@ -14,8 +14,8 @@
   },
   "dependencies": {
     "@graphql-codegen/plugin-helpers": "^5.0.0",
-    "@graphql-codegen/typescript": "^4.0.0",
-    "@graphql-codegen/visitor-plugin-common": "4.0.0",
+    "@graphql-codegen/typescript": "^4.0.1",
+    "@graphql-codegen/visitor-plugin-common": "4.0.1",
     "@graphql-tools/utils": "^10.0.0",
     "auto-bind": "~4.0.0",
     "tslib": "~2.5.0"
diff --git a/packages/plugins/typescript/resolvers/tests/__snapshots__/ts-resolvers.spec.ts.snap b/packages/plugins/typescript/resolvers/tests/__snapshots__/ts-resolvers.spec.ts.snap
index 0f901a5986c..f2ab6d709f2 100644
--- a/packages/plugins/typescript/resolvers/tests/__snapshots__/ts-resolvers.spec.ts.snap
+++ b/packages/plugins/typescript/resolvers/tests/__snapshots__/ts-resolvers.spec.ts.snap
@@ -13,7 +13,7 @@ export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 export type RequireFields<T, K extends keyof T> = Omit<T, K> & { [P in K]-?: NonNullable<T[P]> };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string; }
+  ID: { input: string; output: string; }
   String: { input: string; output: string; }
   Boolean: { input: boolean; output: boolean; }
   Int: { input: number; output: number; }
@@ -617,7 +617,7 @@ export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 export type RequireFields<T, K extends keyof T> = Omit<T, K> & { [P in K]-?: NonNullable<T[P]> };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string; }
+  ID: { input: string; output: string; }
   String: { input: string; output: string; }
   Boolean: { input: boolean; output: boolean; }
   Int: { input: number; output: number; }
diff --git a/packages/plugins/typescript/typed-document-node/CHANGELOG.md b/packages/plugins/typescript/typed-document-node/CHANGELOG.md
index a69bae6b39e..3ed608ba947 100644
--- a/packages/plugins/typescript/typed-document-node/CHANGELOG.md
+++ b/packages/plugins/typescript/typed-document-node/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @graphql-codegen/typed-document-node
 
+## 5.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a)]:
+  - @graphql-codegen/visitor-plugin-common@4.0.1
+
 ## 5.0.0
 
 ### Major Changes
diff --git a/packages/plugins/typescript/typed-document-node/package.json b/packages/plugins/typescript/typed-document-node/package.json
index 06b2cadfad1..95664c6e3bd 100644
--- a/packages/plugins/typescript/typed-document-node/package.json
+++ b/packages/plugins/typescript/typed-document-node/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/typed-document-node",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "description": "GraphQL Code Generator plugin for generating ready-to-use TypedDocumentNode based on GraphQL operations",
   "repository": {
     "type": "git",
@@ -18,7 +18,7 @@
   "dependencies": {
     "change-case-all": "1.0.15",
     "@graphql-codegen/plugin-helpers": "^5.0.0",
-    "@graphql-codegen/visitor-plugin-common": "4.0.0",
+    "@graphql-codegen/visitor-plugin-common": "4.0.1",
     "auto-bind": "~4.0.0",
     "tslib": "~2.5.0"
   },
diff --git a/packages/plugins/typescript/typescript/CHANGELOG.md b/packages/plugins/typescript/typescript/CHANGELOG.md
index 7d72af164e9..20024ac610f 100644
--- a/packages/plugins/typescript/typescript/CHANGELOG.md
+++ b/packages/plugins/typescript/typescript/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @graphql-codegen/typescript
 
+## 4.0.1
+
+### Patch Changes
+
+- [#9497](https://github.com/dotansimha/graphql-code-generator/pull/9497) [`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a) Thanks [@eddeee888](https://github.com/eddeee888)! - Revert default ID scalar input type to string
+
+  We changed the ID Scalar input type from `string` to `string | number` in the latest major version of `typescript` plugin. This causes issues for server plugins (e.g. typescript-resolvers) that depends on `typescript` plugin. This is because the scalar type needs to be manually inverted on setup which is confusing.
+
+- Updated dependencies [[`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a)]:
+  - @graphql-codegen/visitor-plugin-common@4.0.1
+
 ## 4.0.0
 
 ### Major Changes
diff --git a/packages/plugins/typescript/typescript/package.json b/packages/plugins/typescript/typescript/package.json
index 1200d544f79..8f8614bd8df 100644
--- a/packages/plugins/typescript/typescript/package.json
+++ b/packages/plugins/typescript/typescript/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/typescript",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "GraphQL Code Generator plugin for generating TypeScript types",
   "repository": {
     "type": "git",
@@ -15,7 +15,7 @@
   "dependencies": {
     "@graphql-codegen/plugin-helpers": "^5.0.0",
     "@graphql-codegen/schema-ast": "^4.0.0",
-    "@graphql-codegen/visitor-plugin-common": "4.0.0",
+    "@graphql-codegen/visitor-plugin-common": "4.0.1",
     "auto-bind": "~4.0.0",
     "tslib": "~2.5.0"
   },
diff --git a/packages/plugins/typescript/typescript/tests/__snapshots__/typescript.spec.ts.snap b/packages/plugins/typescript/typescript/tests/__snapshots__/typescript.spec.ts.snap
index 824f8f15dcf..d617ff6338c 100644
--- a/packages/plugins/typescript/typescript/tests/__snapshots__/typescript.spec.ts.snap
+++ b/packages/plugins/typescript/typescript/tests/__snapshots__/typescript.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`TypeScript should use implementing types as node type - issue #5126 1`] = `
 "/** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string; }
+  ID: { input: string; output: string; }
   String: { input: string; output: string; }
   Boolean: { input: boolean; output: boolean; }
   Int: { input: number; output: number; }
diff --git a/packages/plugins/typescript/typescript/tests/typescript.spec.ts b/packages/plugins/typescript/typescript/tests/typescript.spec.ts
index e72cf4d81ce..88383bd5840 100644
--- a/packages/plugins/typescript/typescript/tests/typescript.spec.ts
+++ b/packages/plugins/typescript/typescript/tests/typescript.spec.ts
@@ -23,7 +23,7 @@ describe('TypeScript', () => {
       expect(result.content).toBeSimilarStringTo(`
       /** All built-in and custom scalars, mapped to their actual values */
       export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -336,7 +336,7 @@ describe('TypeScript', () => {
       expect(result.content).not.toBeSimilarStringTo(`/** My custom scalar */`);
       expect(result.content).toBeSimilarStringTo(`
       export type Scalars = {
-          ID: { input: string | number; output: string;   }
+          ID: { input: string; output: string;   }
           String: { input: string; output: string;   }
           Boolean: { input: boolean; output: boolean;   }
           Int: { input: number; output: number;   }
@@ -1891,7 +1891,7 @@ describe('TypeScript', () => {
 
       expect(result.content).toBeSimilarStringTo(`
       export type Scalars = {
-        ID: { input: string | number; output: string;   }
+        ID: { input: string; output: string;   }
         String: { input: string; output: string;   }
         Boolean: { input: boolean; output: boolean;   }
         Int: { input: number; output: number;   }
@@ -1933,7 +1933,7 @@ describe('TypeScript', () => {
       expect(result.prepend).toContain(`import { Boolean } from '../../scalars';`);
       expect(result.content).toBeSimilarStringTo(`
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: String['input']; output: String['output']; }
           Boolean: { input: Boolean['input']; output: Boolean['output']; }
           Int: { input: number; output: number; }
@@ -2001,7 +2001,7 @@ describe('TypeScript', () => {
       expect(result.prepend).toContain(`import { OrgOtherScalar as OrgAliasedScalar } from '@org/scalars';`);
       expect(result.content).toBeSimilarStringTo(`
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -2101,7 +2101,7 @@ describe('TypeScript', () => {
       expect(result.prepend).toContain(`import { OrgOtherScalar as OrgAliasedScalarOutput } from '@org/scalars';`);
       expect(result.content).toBeSimilarStringTo(`
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -2147,7 +2147,7 @@ describe('TypeScript', () => {
 
       expect(result.content).toBeSimilarStringTo(`
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -2188,7 +2188,7 @@ describe('TypeScript', () => {
 
       expect(result.content).toBeSimilarStringTo(`
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -2229,7 +2229,7 @@ describe('TypeScript', () => {
 
       expect(result.content).toBeSimilarStringTo(`
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -2285,7 +2285,7 @@ describe('TypeScript', () => {
 
       expect(result.content).toBeSimilarStringTo(`
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
diff --git a/packages/presets/client/CHANGELOG.md b/packages/presets/client/CHANGELOG.md
index 8c797e3a1f8..13dff15f8aa 100644
--- a/packages/presets/client/CHANGELOG.md
+++ b/packages/presets/client/CHANGELOG.md
@@ -1,5 +1,20 @@
 # @graphql-codegen/client-preset
 
+## 4.0.1
+
+### Patch Changes
+
+- [#9497](https://github.com/dotansimha/graphql-code-generator/pull/9497) [`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a) Thanks [@eddeee888](https://github.com/eddeee888)! - Revert default ID scalar input type to string
+
+  We changed the ID Scalar input type from `string` to `string | number` in the latest major version of `typescript` plugin. This causes issues for server plugins (e.g. typescript-resolvers) that depends on `typescript` plugin. This is because the scalar type needs to be manually inverted on setup which is confusing.
+
+- Updated dependencies [[`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a)]:
+  - @graphql-codegen/visitor-plugin-common@4.0.1
+  - @graphql-codegen/typescript-operations@4.0.1
+  - @graphql-codegen/typescript@4.0.1
+  - @graphql-codegen/gql-tag-operations@4.0.1
+  - @graphql-codegen/typed-document-node@5.0.1
+
 ## 4.0.0
 
 ### Major Changes
diff --git a/packages/presets/client/package.json b/packages/presets/client/package.json
index e0019bac45e..70f41b9d6fa 100644
--- a/packages/presets/client/package.json
+++ b/packages/presets/client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/client-preset",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "GraphQL Code Generator preset for client.",
   "repository": {
     "type": "git",
@@ -20,12 +20,12 @@
     "@babel/helper-plugin-utils": "^7.20.2",
     "@babel/template": "^7.20.7",
     "@graphql-codegen/add": "^5.0.0",
-    "@graphql-codegen/typed-document-node": "^5.0.0",
-    "@graphql-codegen/typescript": "^4.0.0",
-    "@graphql-codegen/typescript-operations": "^4.0.0",
-    "@graphql-codegen/gql-tag-operations": "4.0.0",
+    "@graphql-codegen/typed-document-node": "^5.0.1",
+    "@graphql-codegen/typescript": "^4.0.1",
+    "@graphql-codegen/typescript-operations": "^4.0.1",
+    "@graphql-codegen/gql-tag-operations": "4.0.1",
     "@graphql-codegen/plugin-helpers": "^5.0.0",
-    "@graphql-codegen/visitor-plugin-common": "^4.0.0",
+    "@graphql-codegen/visitor-plugin-common": "^4.0.1",
     "@graphql-typed-document-node/core": "3.2.0",
     "@graphql-tools/documents": "^1.0.0",
     "@graphql-tools/utils": "^10.0.0",
diff --git a/packages/presets/client/tests/client-preset.spec.ts b/packages/presets/client/tests/client-preset.spec.ts
index 4e074a72f0e..fdf897883b5 100644
--- a/packages/presets/client/tests/client-preset.spec.ts
+++ b/packages/presets/client/tests/client-preset.spec.ts
@@ -347,7 +347,7 @@ export * from "./gql";`);
       export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
       /** All built-in and custom scalars, mapped to their actual values */
       export type Scalars = {
-        ID: { input: string | number; output: string; }
+        ID: { input: string; output: string; }
         String: { input: string; output: string; }
         Boolean: { input: boolean; output: boolean; }
         Int: { input: number; output: number; }
@@ -477,7 +477,7 @@ export * from "./gql";`);
       export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
       /** All built-in and custom scalars, mapped to their actual values */
       export type Scalars = {
-        ID: { input: string | number; output: string; }
+        ID: { input: string; output: string; }
         String: { input: string; output: string; }
         Boolean: { input: boolean; output: boolean; }
         Int: { input: number; output: number; }
@@ -590,7 +590,7 @@ export * from "./gql";`);
       export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
       /** All built-in and custom scalars, mapped to their actual values */
       export type Scalars = {
-        ID: { input: string | number; output: string; }
+        ID: { input: string; output: string; }
         String: { input: string; output: string; }
         Boolean: { input: boolean; output: boolean; }
         Int: { input: number; output: number; }
@@ -1256,7 +1256,7 @@ export * from "./gql.js";`);
       export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
       /** All built-in and custom scalars, mapped to their actual values */
       export type Scalars = {
-        ID: { input: string | number; output: string; }
+        ID: { input: string; output: string; }
         String: { input: string; output: string; }
         Boolean: { input: boolean; output: boolean; }
         Int: { input: number; output: number; }
@@ -1334,7 +1334,7 @@ export * from "./gql.js";`);
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -1415,7 +1415,7 @@ export * from "./gql.js";`);
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -1496,7 +1496,7 @@ export * from "./gql.js";`);
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -1579,7 +1579,7 @@ export * from "./gql.js";`);
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -1658,7 +1658,7 @@ export * from "./gql.js";`);
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -1750,7 +1750,7 @@ export * from "./gql.js";`);
       export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
       /** All built-in and custom scalars, mapped to their actual values */
       export type Scalars = {
-        ID: { input: string | number; output: string; }
+        ID: { input: string; output: string; }
         String: { input: string; output: string; }
         Boolean: { input: boolean; output: boolean; }
         Int: { input: number; output: number; }
@@ -1829,7 +1829,7 @@ export * from "./gql.js";`);
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -1914,7 +1914,7 @@ export * from "./gql.js";`);
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -1999,7 +1999,7 @@ export * from "./gql.js";`);
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -2140,7 +2140,7 @@ export * from "./gql.js";`);
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
@@ -2279,7 +2279,7 @@ export * from "./gql.js";`);
         export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
         /** All built-in and custom scalars, mapped to their actual values */
         export type Scalars = {
-          ID: { input: string | number; output: string; }
+          ID: { input: string; output: string; }
           String: { input: string; output: string; }
           Boolean: { input: boolean; output: boolean; }
           Int: { input: number; output: number; }
diff --git a/packages/presets/graphql-modules/CHANGELOG.md b/packages/presets/graphql-modules/CHANGELOG.md
index fd0d13f423c..c18ceb17c9e 100644
--- a/packages/presets/graphql-modules/CHANGELOG.md
+++ b/packages/presets/graphql-modules/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @graphql-codegen/graphql-modules-preset
 
+## 4.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`2276708d0`](https://github.com/dotansimha/graphql-code-generator/commit/2276708d0ea2aab4942136923651226de4aabe5a)]:
+  - @graphql-codegen/visitor-plugin-common@4.0.1
+
 ## 4.0.0
 
 ### Major Changes
diff --git a/packages/presets/graphql-modules/package.json b/packages/presets/graphql-modules/package.json
index 7c761865468..58c427ed19c 100644
--- a/packages/presets/graphql-modules/package.json
+++ b/packages/presets/graphql-modules/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/graphql-modules-preset",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "GraphQL Code Generator preset for modularized schema",
   "repository": {
     "type": "git",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@graphql-codegen/plugin-helpers": "^5.0.0",
-    "@graphql-codegen/visitor-plugin-common": "4.0.0",
+    "@graphql-codegen/visitor-plugin-common": "4.0.1",
     "@graphql-tools/utils": "^10.0.0",
     "parse-filepath": "^1.0.2",
     "change-case-all": "1.0.15",
diff --git a/packages/presets/graphql-modules/src/config.ts b/packages/presets/graphql-modules/src/config.ts
index e51fb1e6235..a2088a162fb 100644
--- a/packages/presets/graphql-modules/src/config.ts
+++ b/packages/presets/graphql-modules/src/config.ts
@@ -113,7 +113,7 @@ export type ModulesConfig = {
    * @description Generate resolvers of root types (Query, Mutation and Subscription) as non-optional.
    *
    * @example
-   * ```yml
+   * ```yaml
    * generates:
    * src/:
    *  preset: modules
diff --git a/patches/typescript-json-schema+0.56.0.patch b/patches/typescript-json-schema+0.56.0.patch
new file mode 100644
index 00000000000..5e0d32c83d2
--- /dev/null
+++ b/patches/typescript-json-schema+0.56.0.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/typescript-json-schema/dist/typescript-json-schema.js b/node_modules/typescript-json-schema/dist/typescript-json-schema.js
+index d5aa7f7..b5f0978 100644
+--- a/node_modules/typescript-json-schema/dist/typescript-json-schema.js
++++ b/node_modules/typescript-json-schema/dist/typescript-json-schema.js
+@@ -302,6 +302,8 @@ var annotationKeywords = {
+     description: true,
+     default: true,
+     examples: true,
++    // https://github.com/YousefED/typescript-json-schema/issues/431
++    exampleMarkdown: true,
+     $ref: true,
+ };
+ var subDefinitions = {
diff --git a/website/algolia-lockfile.json b/website/algolia-lockfile.json
index a45beefbdb4..5222760489f 100644
--- a/website/algolia-lockfile.json
+++ b/website/algolia-lockfile.json
@@ -11,6 +11,18 @@
     "title": "Home",
     "type": "Documentation"
   },
+  {
+    "objectID": "code-generator-_app",
+    "headings": [],
+    "toc": [],
+    "content": "f4ef1264bf701e221c7233d18748eff9",
+    "url": "https://www.the-guild.dev/graphql/codegen/_app",
+    "domain": "https://www.the-guild.dev/graphql/codegen",
+    "hierarchy": [],
+    "source": "Code Generator",
+    "title": "_app",
+    "type": "Documentation"
+  },
   {
     "objectID": "code-generator-docs-advanced-document-transform",
     "headings": [
@@ -50,7 +62,7 @@
     "objectID": "code-generator-docs-advanced-generated-files-colocation",
     "headings": [],
     "toc": [],
-    "content": "62392024f156f7553085f950caacc7e0",
+    "content": "60e5b7ef9f8b1dbc415d8032a4fe4066",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/advanced/generated-files-colocation",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -88,7 +100,7 @@
     "objectID": "code-generator-docs-advanced-profiler",
     "headings": [],
     "toc": [],
-    "content": "3d725354b0453bfcda941f19695df84d",
+    "content": "2342531076d713097dd19988fc828bb3",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/advanced/profiler",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -176,7 +188,7 @@
         "anchor": "other-ways-to-provide-configuration"
       }
     ],
-    "content": "7e99ff6e8022576d9ffb852940c0e99d",
+    "content": "561d573227c444ac3e85336e5320bd32",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/config-reference/codegen-config",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -625,7 +637,7 @@
         "anchor": "10-feature-your-plugin-on-the-plugins-hub"
       }
     ],
-    "content": "9f56712abf7cf75627f776620c5f491c",
+    "content": "957fe4fa2b0372369eb2b7381d883beb",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/custom-codegen/contributing",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -772,7 +784,7 @@
         "anchor": "whats-next"
       }
     ],
-    "content": "26303fa0292148d462a55b09f9f9b448",
+    "content": "82055dee14825572c7a822dc949a1f3f",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/getting-started/",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -870,8 +882,7 @@
     "headings": [
       "Global Installation",
       "Monorepo Project",
-      "Setup",
-      "What's next?"
+      "Setup"
     ],
     "toc": [
       {
@@ -900,14 +911,9 @@
         ],
         "title": "Setup",
         "anchor": "setup"
-      },
-      {
-        "children": [],
-        "title": "What's next?",
-        "anchor": "whats-next"
       }
     ],
-    "content": "e031466d35030d94eec5fc12cbb61246",
+    "content": "5f0939f1e1658e4dda001a4441a934fd",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/getting-started/installation",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -922,7 +928,7 @@
     "objectID": "code-generator-docs-guides-angular",
     "headings": [],
     "toc": [],
-    "content": "029e5f23cd9ea7596fc1ebfc3d5a6e66",
+    "content": "57627d8c6159e4963321e8170eea4d79",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/guides/angular",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -963,7 +969,7 @@
         "anchor": "conclusion"
       }
     ],
-    "content": "c9e8728f9055522e7ddb15de5dd77d07",
+    "content": "deff01abbad15e72e8fc76a044813ef6",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/guides/api-testing",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -1116,7 +1122,7 @@
         "anchor": "prs-are-welcomed"
       }
     ],
-    "content": "14da20ed644f8794a9032d0a4222608d",
+    "content": "47833cb5c29f2a0fbb672bb7431e2846",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/guides/flutter-freezed",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -1178,7 +1184,7 @@
     "objectID": "code-generator-docs-guides-graphql-modules",
     "headings": [],
     "toc": [],
-    "content": "d1c6a35b8937c10e184530b2b3ac3dfa",
+    "content": "291581404cdc80a226709c436d0382a9",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/guides/graphql-modules",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -1207,7 +1213,7 @@
         "anchor": "guide"
       }
     ],
-    "content": "366611a38d0e75b3defe4a8b242581ce",
+    "content": "6c97a479e17caec5a933f654289f0fcc",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/guides/graphql-server-apollo-yoga",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -1247,7 +1253,7 @@
         "anchor": "guide"
       }
     ],
-    "content": "a773255ef12ac675044ddc5ab857bbcb",
+    "content": "5eb5e4dba32a1e5cc8eb49cee6a6804d",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/guides/graphql-server-apollo-yoga-with-server-preset",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -1300,7 +1306,7 @@
         "anchor": "appendix-ii-compatibility"
       }
     ],
-    "content": "7c566cdc5e544b5b4f9cc549dbeade33",
+    "content": "b6a454e01725062a5931d03b8d5753d4",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/guides/react-vue",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -1329,7 +1335,7 @@
         "anchor": "sveltekit-native"
       }
     ],
-    "content": "86373a2ab06354cb823bfe38af72c7f6",
+    "content": "f003119c3c7baf6901e28b6865bea25d",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/guides/svelte",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -1517,7 +1523,7 @@
         "anchor": "breaking-changes--semver"
       }
     ],
-    "content": "e96c217959a89b68241a2988c1f0d549",
+    "content": "a170c38b7e6d781ffd1e81a5d83876f1",
     "url": "https://www.the-guild.dev/graphql/codegen/docs/migration/from-0-18",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -1582,7 +1588,7 @@
     "objectID": "code-generator-plugins-dart-flutter-freezed",
     "headings": [],
     "toc": [],
-    "content": "dc2f4443fbd9442ea42ee7f66519dc86",
+    "content": "1a6ae08386e03357e8787dd1d5f649a1",
     "url": "https://www.the-guild.dev/graphql/codegen/plugins/dart/flutter-freezed",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -1678,7 +1684,7 @@
         "anchor": "usage"
       }
     ],
-    "content": "b0758e94676aacc3ab80d400dbf97000",
+    "content": "38684e1ff8387d1ba088e2de951601b7",
     "url": "https://www.the-guild.dev/graphql/codegen/plugins/java/java-apollo-android",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
@@ -1716,7 +1722,7 @@
         "anchor": "prepare-your-environment"
       }
     ],
-    "content": "cdd3cf0434bb8ddc9a7ab5a8d56aac4a",
+    "content": "b9344423318c73e77de5140ccda4f061",
     "url": "https://www.the-guild.dev/graphql/codegen/plugins/java/kotlin",
     "domain": "https://www.the-guild.dev/graphql/codegen",
     "hierarchy": [
diff --git a/website/package.json b/website/package.json
index 11e84024ff0..fc7df6c3e96 100644
--- a/website/package.json
+++ b/website/package.json
@@ -14,8 +14,8 @@
     "@theguild/tailwind-config": "0.2.1",
     "@types/dedent": "0.7.0",
     "@types/jsonpath": "0.2.0",
-    "@types/node": "18.16.13",
-    "@types/react": "18.2.6",
+    "@types/node": "18.16.16",
+    "@types/react": "18.2.7",
     "fast-xml-parser": "4.2.2",
     "jsonpath": "1.1.1",
     "prettier-plugin-tailwindcss": "0.2.8"
@@ -24,7 +24,7 @@
     "@graphql-codegen/add": "5.0.0",
     "@graphql-codegen/c-sharp": "4.3.1",
     "@graphql-codegen/c-sharp-operations": "2.3.1",
-    "@graphql-codegen/cli": "4.0.0",
+    "@graphql-codegen/cli": "4.0.1",
     "@graphql-codegen/core": "4.0.0",
     "@graphql-codegen/flow": "2.3.6",
     "@graphql-codegen/flow-operations": "2.3.6",
@@ -43,8 +43,8 @@
     "@graphql-codegen/near-operation-file-preset": "2.5.0",
     "@graphql-codegen/schema-ast": "4.0.0",
     "@graphql-codegen/time": "5.0.0",
-    "@graphql-codegen/typed-document-node": "5.0.0",
-    "@graphql-codegen/typescript": "4.0.0",
+    "@graphql-codegen/typed-document-node": "5.0.1",
+    "@graphql-codegen/typescript": "4.0.1",
     "@graphql-codegen/typescript-apollo-angular": "3.5.6",
     "@graphql-codegen/typescript-apollo-client-helpers": "2.2.6",
     "@graphql-codegen/typescript-generic-sdk": "3.1.0",
@@ -52,22 +52,23 @@
     "@graphql-codegen/typescript-graphql-request": "4.5.8",
     "@graphql-codegen/typescript-mongodb": "2.4.6",
     "@graphql-codegen/typescript-msw": "1.1.6",
-    "@graphql-codegen/typescript-operations": "4.0.0",
+    "@graphql-codegen/typescript-nhost": "0.0.1",
+    "@graphql-codegen/typescript-operations": "4.0.1",
     "@graphql-codegen/typescript-react-apollo": "3.3.7",
     "@graphql-codegen/typescript-react-query": "4.1.0",
-    "@graphql-codegen/typescript-resolvers": "4.0.0",
+    "@graphql-codegen/typescript-resolvers": "4.0.1",
     "@graphql-codegen/typescript-rtk-query": "2.4.1",
     "@graphql-codegen/typescript-stencil-apollo": "2.3.6",
     "@graphql-codegen/typescript-type-graphql": "2.3.6",
-    "@graphql-codegen/typescript-nhost": "0.0.1",
     "@graphql-codegen/typescript-urql": "3.7.3",
     "@graphql-codegen/typescript-vue-apollo": "3.3.7",
     "@graphql-codegen/typescript-vue-apollo-smart-ops": "2.3.6",
     "@graphql-codegen/typescript-vue-urql": "2.3.6",
     "@graphql-codegen/urql-introspection": "2.2.1",
-    "@graphql-codegen/client-preset": "4.0.0",
-    "@monaco-editor/react": "4.5.0",
-    "@theguild/components": "4.5.12",
+    "@graphql-codegen/client-preset": "4.0.1",
+    "@mendable/search": "0.0.108",
+    "@monaco-editor/react": "4.5.1",
+    "@theguild/components": "5.0.0",
     "classnames": "2.3.2",
     "date-fns": "2.29.3",
     "dedent": "0.7.0",
@@ -79,7 +80,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-markdown": "8.0.7",
-    "react-select": "5.7.2",
+    "react-select": "5.7.3",
     "typescript-json-schema": "0.56.0"
   },
   "browserslist": {
diff --git a/website/public/config.schema.json b/website/public/config.schema.json
index 700dfc06f45..5d2f0cdcd64 100644
--- a/website/public/config.schema.json
+++ b/website/public/config.schema.json
@@ -1158,10 +1158,6 @@
           "description": "Allow you to disable prefixing for generated enums, works in combination with `typesPrefix`.\nDefault value: \"true\"",
           "type": "boolean"
         },
-        "enumSuffix": {
-          "description": "Allow you to disable suffixing for generated enums, works in combination with `typesSuffix`.\nDefault value: \"true\"",
-          "type": "boolean"
-        },
         "fieldWrapperValue": {
           "description": "Allow you to add wrapper for field type, use T as the generic value. Make sure to set `wrapFieldDefinitions` to `true` in order to make this flag work.\nDefault value: \"T\"",
           "type": "string"
@@ -1583,6 +1579,10 @@
           "type": "boolean",
           "description": "Turning this flag to `true` will generate resolver signature that has only `resolveType` for interfaces, forcing developers to write inherited type resolvers in the type itself.\nDefault value: \"false\""
         },
+        "resolversNonOptionalTypename": {
+          "description": "Makes `__typename` of resolver mappings non-optional without affecting the base types.\nDefault value: \"false\"",
+          "anyOf": [{ "$ref": "#/definitions/ResolversNonOptionalTypenameConfig" }, { "type": "boolean" }]
+        },
         "strictScalars": {
           "description": "Makes scalars strict.\n\nIf scalars are found in the schema that are not defined in `scalars`\nan error will be thrown during codegen.\nDefault value: \"false\"",
           "type": "boolean"
@@ -2986,10 +2986,6 @@
           "description": "Allow you to disable prefixing for generated enums, works in combination with `typesPrefix`.\nDefault value: \"true\"",
           "type": "boolean"
         },
-        "enumSuffix": {
-          "description": "Allow you to disable suffixing for generated enums, works in combination with `typesSuffix`.\nDefault value: \"true\"",
-          "type": "boolean"
-        },
         "fieldWrapperValue": {
           "description": "Allow you to add wrapper for field type, use T as the generic value. Make sure to set `wrapFieldDefinitions` to `true` in order to make this flag work.\nDefault value: \"T\"",
           "type": "string"
@@ -3128,10 +3124,6 @@
           "description": "Allow you to disable prefixing for generated enums, works in combination with `typesPrefix`.\nDefault value: \"true\"",
           "type": "boolean"
         },
-        "enumSuffix": {
-          "description": "Allow you to disable suffixing for generated enums, works in combination with `typesSuffix`.\nDefault value: \"true\"",
-          "type": "boolean"
-        },
         "optionalResolveType": {
           "description": "Sets the `__resolveType` field as optional field.\nDefault value: \"false\"",
           "type": "boolean"
@@ -3275,10 +3267,6 @@
           "description": "Allow you to disable prefixing for generated enums, works in combination with `typesPrefix`.\nDefault value: \"true\"",
           "type": "boolean"
         },
-        "enumSuffix": {
-          "description": "Allow you to disable suffixing for generated enums, works in combination with `typesSuffix`.\nDefault value: \"true\"",
-          "type": "boolean"
-        },
         "fieldWrapperValue": {
           "description": "Allow you to add wrapper for field type, use T as the generic value. Make sure to set `wrapFieldDefinitions` to `true` in order to make this flag work.\nDefault value: \"T\"",
           "type": "string"
@@ -3536,23 +3524,6 @@
         }
       }
     },
-    "GqlTagConfig": {
-      "type": "object",
-      "properties": {
-        "augmentedModuleName": {
-          "description": "Instead of generating a `gql` function, this preset can also generate a `d.ts` that will enhance the `gql` function of your framework.\n\nE.g. `graphql-tag` or `@urql/core`.",
-          "type": "string"
-        },
-        "fragmentMasking": {
-          "description": "Fragment masking hides data from components and only allows accessing the data by using a unmasking function.",
-          "anyOf": [{ "$ref": "#/definitions/FragmentMaskingConfig" }, { "type": "boolean" }]
-        },
-        "gqlTagName": {
-          "description": "Specify the name of the \"graphql tag\" function to use\nDefault value: \"\"gql\"\n\nE.g. `graphql` or `gql`.\"",
-          "type": "string"
-        }
-      }
-    },
     "Types.InstanceOrArray": {
       "anyOf": [
         { "$ref": "#/definitions/Types.SchemaWithLoader" },
@@ -3560,6 +3531,7 @@
         { "$ref": "#/definitions/Types.UrlSchemaWithOptions" },
         { "$ref": "#/definitions/Types.LocalSchemaPathWithOptions" },
         { "$ref": "#/definitions/Types.ApolloEngineSchemaOptions" },
+        { "$ref": "#/definitions/Types.GitHubSchemaOptions" },
         { "type": "array", "items": { "$ref": "#/definitions/Types.Schema" } },
         { "type": "string" }
       ]
@@ -3698,11 +3670,16 @@
           "type": "boolean"
         },
         "cwd": { "type": "string" },
-        "ignore": { "anyOf": [{ "type": "array", "items": { "type": "string" } }, { "type": "string" }] }
+        "ignore": { "anyOf": [{ "type": "array", "items": { "type": "string" } }, { "type": "string" }] },
+        "includeSources": { "type": "boolean" }
       }
     },
     "__type": { "type": "object" },
     "Record": { "$ref": "#/definitions/__type" },
+    "Types.GitHubSchemaOptions": {
+      "type": "object",
+      "additionalProperties": { "type": "object", "properties": { "token": { "type": "string" } } }
+    },
     "Types.Schema": {
       "description": "A URL to your GraphQL endpoint, a local path to `.graphql` file, a glob pattern to your GraphQL schema files, or a JavaScript file that exports the schema to generate code from. This can also be an array which specifies multiple schemas to generate code from. You can read more about the supported formats [here](schema-field#available-formats).",
       "anyOf": [
@@ -3711,6 +3688,7 @@
         { "$ref": "#/definitions/Types.UrlSchemaWithOptions" },
         { "$ref": "#/definitions/Types.LocalSchemaPathWithOptions" },
         { "$ref": "#/definitions/Types.ApolloEngineSchemaOptions" },
+        { "$ref": "#/definitions/Types.GitHubSchemaOptions" },
         { "type": "string" }
       ]
     },
@@ -3804,6 +3782,7 @@
                 "client",
                 "client-preset",
                 "gql-tag-operations",
+                "gql-tag-operations-preset",
                 "graphql-modules",
                 "graphql-modules-preset",
                 "import-types",
@@ -3841,6 +3820,10 @@
           "description": "DocumentTransform changes documents before executing plugins.",
           "type": "array",
           "items": { "$ref": "#/definitions/Types.OutputDocumentTransform<object>" }
+        },
+        "watchPattern": {
+          "description": ": Additional file pattern to watch when using watch mode",
+          "anyOf": [{ "type": "array", "items": { "type": "string" } }, { "type": "string" }]
         }
       },
       "allOf": [
@@ -4235,7 +4218,18 @@
     "DirectiveArgumentAndInputFieldMappings": { "$ref": "#/definitions/__type_13" },
     "ScalarsMap_1": {
       "description": "Scalars map or a string, a map between the GraphQL scalar name and the identifier that should be used",
-      "anyOf": [{ "type": "object", "additionalProperties": { "type": "string" } }, { "type": "string" }]
+      "anyOf": [
+        {
+          "type": "object",
+          "additionalProperties": {
+            "anyOf": [
+              { "type": "object", "properties": { "input": { "type": "string" }, "output": { "type": "string" } } },
+              { "type": "string" }
+            ]
+          }
+        },
+        { "type": "string" }
+      ]
     },
     "NamingConvention_1": {
       "anyOf": [
@@ -4343,6 +4337,14 @@
     },
     "DirectiveArgumentAndInputFieldMappings_1": { "$ref": "#/definitions/__type_17" },
     "Array_1": { "type": "array", "items": { "type": "string" } },
+    "ResolversNonOptionalTypenameConfig": {
+      "type": "object",
+      "properties": {
+        "unionMember": { "type": "boolean" },
+        "interfaceImplementingType": { "type": "boolean" },
+        "excludeTypes": { "type": "array", "items": { "type": "string" } }
+      }
+    },
     "ScalarsMap_3": {
       "description": "Scalars map or a string, a map between the GraphQL scalar name and the identifier that should be used",
       "anyOf": [{ "type": "object", "additionalProperties": { "type": "string" } }, { "type": "string" }]
@@ -4404,20 +4406,6 @@
     },
     "__type_19": { "type": "object" },
     "FragmentImportFromFn": { "$ref": "#/definitions/__type_19" },
-    "__type_20": {
-      "type": "object",
-      "properties": {
-        "augmentedModuleName": {
-          "description": "The module name from which a augmented module should be imported from.",
-          "type": "string"
-        },
-        "unmaskFunctionName": {
-          "description": "Name of the function that should be used for unmasking a masked fragment property.\nDefault value: \"`'useFragment'`\"",
-          "type": "string"
-        }
-      }
-    },
-    "FragmentMaskingConfig": { "$ref": "#/definitions/__type_20" },
     "GeneratedPluginsMap": {
       "anyOf": [
         {
diff --git a/website/src/components/Search.tsx b/website/src/components/Search.tsx
new file mode 100644
index 00000000000..3f4a0a37e1f
--- /dev/null
+++ b/website/src/components/Search.tsx
@@ -0,0 +1,27 @@
+import { MendableSearchBar } from '@mendable/search';
+import { useTheme, useMounted } from '@theguild/components';
+
+export function Search() {
+  const { resolvedTheme } = useTheme();
+  const isMounted = useMounted();
+  return (
+    <div className="w-[250px] max-sm:hidden">
+      <MendableSearchBar
+        style={{
+          darkMode: isMounted && resolvedTheme === 'dark',
+          accentColor: 'rgb(0, 76, 163)',
+        }}
+        placeholder="Ask a question"
+        dialogPlaceholder="What are you looking for?"
+        anon_key={process.env.NEXT_PUBLIC_MENDABLE_ANON_KEY!}
+        botIcon={<span>🤖</span>}
+        userIcon={<span>🧑‍💻</span>}
+        messageSettings={{
+          openSourcesInNewTab: false,
+          prettySources: true,
+        }}
+        welcomeMessage="Hi, I'm your AI assistant. How can I help you?"
+      />
+    </div>
+  );
+}
diff --git a/website/src/components/client-note.mdx b/website/src/components/client-note.mdx
deleted file mode 100644
index c55736e81a7..00000000000
--- a/website/src/components/client-note.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Callout } from '@theguild/components'
-
-<Callout type="warning">
-**Usage Requirements**
-In order to use this GraphQL Codegen plugin, please make sure that you have GraphQL operations (`query` / `mutation` / `subscription` and `fragment`) set as `documents: …` in your `codegen.yml`.
-
-Without loading your GraphQL operations (`query`, `mutation`, `subscription` and `fragment`), you won't see any change in the generated output.
-
-</Callout>
diff --git a/website/src/components/file-tree.tsx b/website/src/components/file-tree.tsx
deleted file mode 100644
index 45ed346bc17..00000000000
--- a/website/src/components/file-tree.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import React, { useState, useCallback, createContext, useContext } from 'react';
-import cn from 'clsx';
-import type { ReactElement } from 'react';
-
-const ctx = createContext(0);
-
-export const { Provider, Consumer } = ctx;
-
-export function useIndent() {
-  return useContext(ctx) || 0;
-}
-
-export default ctx;
-
-interface FolderProps {
-  name: string;
-  label?: ReactElement;
-  open?: boolean;
-  defaultOpen?: boolean;
-  onToggle?: (open: boolean) => void;
-  children: ReactElement | ReactElement[];
-}
-
-interface FileProps {
-  name: string;
-  label?: ReactElement;
-  active?: boolean;
-  children: ReactElement | ReactElement[];
-}
-
-const Tree: React.FC<{
-  children: ReactElement | ReactElement[];
-}> = ({ children }) => (
-  <div className="mt-6 select-none text-sm text-gray-800 dark:text-gray-300">
-    <div className="inline-flex rounded-lg border px-4 py-2 dark:border-neutral-800">{children}</div>
-  </div>
-);
-
-function Ident() {
-  const indent = useIndent();
-
-  return (
-    <>
-      {[...Array(indent)].map((_, i) => (
-        <span className="inline-block w-5" key={i} />
-      ))}
-    </>
-  );
-}
-
-const Folder: React.FC<FolderProps> = React.memo(({ label, name, open, children, defaultOpen, onToggle }) => {
-  const indent = useIndent();
-
-  const [isOpen, setIsOpen] = useState(defaultOpen || false);
-
-  const toggle = useCallback(() => {
-    onToggle?.(!isOpen);
-    setIsOpen(!isOpen);
-  }, [isOpen, onToggle]);
-
-  const isFolderOpen = open === undefined ? isOpen : open;
-
-  return (
-    <li className={cn('flex list-none flex-col', { ['']: isFolderOpen })}>
-      <a onClick={toggle} title={name} className="inline-flex cursor-pointer items-center py-1 hover:opacity-60">
-        <Ident />
-        <span>
-          {isFolderOpen ? (
-            <svg width="1em" height="1em" viewBox="0 0 24 24">
-              <path
-                fill="none"
-                stroke="currentColor"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth="2"
-                d="M5 19a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h4l2 2h4a2 2 0 0 1 2 2v1M5 19h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2Z"
-              />
-            </svg>
-          ) : (
-            <svg width="1em" height="1em" viewBox="0 0 24 24">
-              <path
-                fill="none"
-                stroke="currentColor"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth="2"
-                d="M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-6l-2-2H5a2 2 0 0 0-2 2Z"
-              />
-            </svg>
-          )}
-        </span>
-        <span className="ml-1">{label ?? name}</span>
-      </a>
-      {isFolderOpen ? (
-        <ul>
-          <Provider value={indent + 1}>{children}</Provider>
-        </ul>
-      ) : null}
-    </li>
-  );
-});
-
-Folder.displayName = 'Folder';
-
-const File: React.FC<FileProps> = React.memo(({ label, name, active, ...props }) => {
-  return (
-    <li className={cn('flex list-none', active && 'nx-text-primary-600 contrast-more:nx-underline')}>
-      <a {...props} className="inline-flex cursor-default items-center py-1">
-        <Ident />
-        <span>
-          <svg width="1em" height="1em" viewBox="0 0 24 24">
-            <path
-              fill="none"
-              stroke="currentColor"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth="2"
-              d="M9 12h6m-6 4h6m2 5H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5.586a1 1 0 0 1 .707.293l5.414 5.414a1 1 0 0 1 .293.707V19a2 2 0 0 1-2 2Z"
-            />
-          </svg>
-        </span>
-        <span className="ml-1">{label ?? name}</span>
-      </a>
-    </li>
-  );
-});
-
-File.displayName = 'File';
-
-export { Tree, Folder, File };
diff --git a/website/src/components/index-page.tsx b/website/src/components/index-page.tsx
index 31ec3831ada..1e7643f1123 100644
--- a/website/src/components/index-page.tsx
+++ b/website/src/components/index-page.tsx
@@ -14,7 +14,7 @@ export function IndexPage(): ReactElement {
         title="Generate code from your GraphQL schema"
         description="Generate code from your GraphQL schema and operations with a simple CLI"
         link={{
-          href: '/docs/getting-started',
+          href: '/docs/getting-started/installation',
           children: 'Try It Now',
           title: 'Get started with GraphQL Code Generator',
         }}
diff --git a/website/src/components/plugin.tsx b/website/src/components/plugin.tsx
index e306a9b77c8..b7c7705229f 100644
--- a/website/src/components/plugin.tsx
+++ b/website/src/components/plugin.tsx
@@ -1,26 +1,12 @@
 import { ReactElement } from 'react';
-import { PackageCmd, useSSG } from '@theguild/components';
+import { useSSG, Tab, Tabs, Callout } from '@theguild/components';
 import { MDXRemote } from 'next-mdx-remote';
-import ClientNote from './client-note.mdx';
 
-export const PluginHeader = ({
-  isDev = true,
-  hasOperationsNote = false,
-}: {
-  isDev?: boolean;
-  hasOperationsNote?: boolean;
-}): ReactElement => {
+export function PluginHeader(): ReactElement {
   // Get the data from SSG, and render it as a component.
-  const { npmPackage, compiledHeader } = useSSG();
-
-  return (
-    <>
-      <MDXRemote compiledSource={compiledHeader} />
-      <PackageCmd packages={[`${isDev ? '-D ' : ''}${npmPackage}`]} />
-      {hasOperationsNote && <ClientNote />}
-    </>
-  );
-};
+  const { compiledHeader } = useSSG();
+  return <MDXRemote compiledSource={compiledHeader} components={{ $Tab: Tab, $Tabs: Tabs, Callout }} />;
+}
 
 export const PluginApiDocs = (): ReactElement => {
   // Get the data from SSG, and render it as a component.
diff --git a/website/src/components/plugins-page.tsx b/website/src/components/plugins-page.tsx
index 5bbf607d329..97825f0bb87 100644
--- a/website/src/components/plugins-page.tsx
+++ b/website/src/components/plugins-page.tsx
@@ -95,9 +95,9 @@ export function PluginsPage() {
 
   return (
     <MarketplaceSearch
-      title="Explore Plugins"
+      title="Explore Plugins & Presets"
       tagsFilter={ALL_TAGS}
-      placeholder="Find plugins..."
+      placeholder="Search..."
       primaryList={{
         title: 'Trending',
         items: trendingItems,
diff --git a/website/src/lib/docs-generator.ts b/website/src/lib/docs-generator.ts
index dedbd5e72bc..5fffb8fb2fc 100644
--- a/website/src/lib/docs-generator.ts
+++ b/website/src/lib/docs-generator.ts
@@ -31,11 +31,11 @@ function generateContentForSchema(schema: TJS.Definition): string {
       return `### \`${propName}\`
 
   type: \`${printType(prop)}\`
-  ${prop.default !== undefined ? `default: \`${prop.default === '' ? '(empty)' : prop.default}\`\n` : ''}
+  ${prop.default === undefined ? '' : `default: \`${prop.default === '' ? '(empty)' : prop.default}\`\n`}
   ${prop.description ? `${prop.description}\n` : ''}
   ${
     (prop as any).exampleMarkdown
-      ? ` \n#### Usage Examples\n\n${(prop as any).exampleMarkdown.replace(/## /g, '##### ')}\n`
+      ? ` \n#### Usage Examples\n\n${(prop as any).exampleMarkdown.replaceAll('## ', '##### ')}\n`
       : ''
   }`;
     })
diff --git a/website/src/lib/plugin-get-static-props.ts b/website/src/lib/plugin-get-static-props.ts
index 4c11fa87927..a8247b0da00 100644
--- a/website/src/lib/plugin-get-static-props.ts
+++ b/website/src/lib/plugin-get-static-props.ts
@@ -1,5 +1,6 @@
 import { parse } from 'node:path';
 import { fetchPackageInfo } from '@theguild/components';
+import { defaultRemarkPlugins } from '@theguild/components/next.config';
 import { format } from 'date-fns';
 import { compileMdx } from 'nextra/compile';
 import { PACKAGES } from '@/lib/plugins';
@@ -7,47 +8,72 @@ import { transformDocs } from '@/lib/transform';
 
 // Can't be used in plugin.tsx due incorrect tree shaking:
 // Module not found: Can't resolve 'fs'
-export const pluginGetStaticProps = (fileName: string) => async () => {
-  const identifier = parse(fileName).name;
-  const plugin = PACKAGES[identifier];
-  if (!plugin) {
-    throw new Error(`Unknown "${identifier}" plugin identifier`);
-  }
-  const { npmPackage } = plugin;
-  const { readme, updatedAt } = await fetchPackageInfo(npmPackage);
-
-  const generatedDocs = transformDocs();
-  const source = generatedDocs.docs[identifier] || readme.replaceAll('```yml', '```yaml') || '';
-  const title = plugin.title ?? '';
-
-  const [mdx, mdxHeader] = await Promise.all([
-    compileMdx(source, {
-      unstable_defaultShowCopyCode: true,
-    }),
-    compileMdx(
-      `
+export const pluginGetStaticProps =
+  (fileName: string, { isDev = true, hasOperationsNote = false, ...rest } = {}) =>
+  async () => {
+    const unknownOptions = Object.keys(rest);
+    if (unknownOptions.length) {
+      throw new Error(`Unknown options "${unknownOptions}"`);
+    }
+    const identifier = parse(fileName).name;
+    const plugin = PACKAGES[identifier];
+    if (!plugin) {
+      throw new Error(`Unknown "${identifier}" plugin identifier`);
+    }
+    const { npmPackage } = plugin;
+    const { readme, updatedAt } = await fetchPackageInfo(npmPackage);
+
+    const generatedDocs = transformDocs();
+    const source = generatedDocs.docs[identifier] || readme.replaceAll('```yml', '```yaml') || '';
+    const title = plugin.title ?? '';
+
+    const [mdx, mdxHeader] = await Promise.all([
+      compileMdx(source, {
+        defaultShowCopyCode: true,
+      }),
+      compileMdx(
+        `
       # ${title}
 |Package name|Weekly Downloads|Version|License|Updated|
 |-|-|-|-|-|
 |[\`${npmPackage}\`](https://npmjs.com/package/${npmPackage})|![Downloads](https://badgen.net/npm/dw/${npmPackage} "Downloads")|![Version](https://badgen.net/npm/v/${npmPackage} "Version")|![License](https://badgen.net/npm/license/${npmPackage} "License")|${format(
-        new Date(updatedAt),
-        'MMM do, yyyy'
-      )}|
+          new Date(updatedAt),
+          'MMM do, yyyy'
+        )}|
 
 ## Installation
+
+\`\`\`sh npm2yarn
+npm i ${isDev ? '-D ' : ''}${npmPackage}
+\`\`\`
+
+${
+  hasOperationsNote
+    ? `
+<Callout type='warning'>
+**Usage Requirements**
+In order to use this GraphQL Codegen plugin, please make sure that you have GraphQL operations (\`query\` / \`mutation\` / \`subscription\` and \`fragment\`) set as \`documents: …\` in your \`codegen.yml\`.
+
+Without loading your GraphQL operations (\`query\`, \`mutation\`, \`subscription\` and \`fragment\`), you won't see any change in the generated output.
+</Callout>
 `
-    ),
-  ]);
-
-  return {
-    props: {
-      ssg: {
-        npmPackage,
-        compiledSource: mdx.result,
-        compiledHeader: mdxHeader.result,
+    : ''
+}
+`,
+        {
+          mdxOptions: {
+            remarkPlugins: defaultRemarkPlugins,
+          },
+        }
+      ),
+    ]);
+
+    return {
+      props: {
+        ssg: {
+          compiledSource: mdx.result,
+          compiledHeader: mdxHeader.result,
+        },
       },
-    },
-    // The page will be considered as stale and regenerated every 24 hours.
-    revalidate: 60 * 60 * 24,
+    };
   };
-};
diff --git a/website/src/lib/plugins.ts b/website/src/lib/plugins.ts
index c363f0b94a4..99eba417214 100644
--- a/website/src/lib/plugins.ts
+++ b/website/src/lib/plugins.ts
@@ -74,6 +74,8 @@ export const icons: Record<Icon, StaticImageData> = {
 /* eslint-disable */
 
 export const ALL_TAGS = [
+  'preset',
+  'plugin',
   'typescript',
   'csharp',
   'dart',
@@ -96,8 +98,6 @@ export const ALL_TAGS = [
   'relay',
   'jsdoc',
   'resolvers',
-  'plugin',
-  'preset',
   'hasura',
   'validation',
   'yup',
diff --git a/website/src/lib/transform.ts b/website/src/lib/transform.ts
index a8694ec3eb1..19916d01ed5 100644
--- a/website/src/lib/transform.ts
+++ b/website/src/lib/transform.ts
@@ -1,36 +1,23 @@
-import { readFileSync } from 'node:fs';
-import path from 'node:path';
 import * as TJS from 'typescript-json-schema';
 import { generateDocs } from './docs-generator';
 import { pluginsConfigurations, presetsConfigurations } from './plugins-docs';
-
-const tsConfig = JSON.parse(readFileSync(path.join(process.cwd(), 'tsconfig.json'), 'utf8'));
+import tsConfig from '../../tsconfig.json';
 
 const ROOT_FILE = '../packages/utils/plugins-helpers/src/types.ts';
 const ROOT_IDENTIFIER = 'Types.Config';
 const MARKDOWN_JSDOC_KEY = 'exampleMarkdown';
 
 export function transformDocs() {
-  const program = TJS.getProgramFromFiles(
-    [ROOT_FILE, ...[...pluginsConfigurations, ...presetsConfigurations].map(f => f.file)],
-    {
-      esModuleInterop: true,
-      baseUrl: '../../../',
-      paths: tsConfig.compilerOptions.paths,
-      module: 'esnext',
-      target: 'es2018',
-      skipLibCheck: true,
-      allowSyntheticDefaultImports: true,
-      importHelpers: true,
-      resolveJsonModule: true,
-      moduleResolution: 'node',
-      experimentalDecorators: true,
-      lib: ['es6', 'esnext', 'es2015', 'dom'],
-    }
-  );
+  const pluginsAndPresets = [...pluginsConfigurations, ...presetsConfigurations];
+
+  const program = TJS.getProgramFromFiles([ROOT_FILE, ...pluginsAndPresets.map(f => f.file)], {
+    baseUrl: '../../../',
+    paths: tsConfig.compilerOptions.paths,
+    skipLibCheck: true,
+    allowSyntheticDefaultImports: true,
+  });
 
   const generator = TJS.buildGenerator(program, {
-    topRef: true,
     aliasRef: true,
     validationKeywords: [MARKDOWN_JSDOC_KEY],
   });
@@ -39,10 +26,7 @@ export function transformDocs() {
     throw new Error(`Config-transform: failed to build TS generator...`);
   }
 
-  const schema = generator.getSchemaForSymbols(
-    [ROOT_IDENTIFIER, ...pluginsConfigurations.map(f => f.identifier), ...presetsConfigurations.map(f => f.identifier)],
-    true
-  );
+  const schema = generator.getSchemaForSymbols([ROOT_IDENTIFIER, ...pluginsAndPresets.map(f => f.identifier)]);
 
   if (!schema.definitions) {
     throw new Error('Config-transform: "schema.definitions" is not defined');
@@ -80,10 +64,7 @@ export function transformDocs() {
 
           return [
             ...prev,
-            {
-              const: p.name,
-              description,
-            },
+            { const: p.name, description },
             {
               const: `@graphql-codegen/${p.name}`,
               description,
@@ -135,7 +116,7 @@ export function transformDocs() {
   // Point the root schema to the config root
   schema.$ref = `#/definitions/${ROOT_IDENTIFIER}`;
 
-  const docsMarkdown = generateDocs(schema, [...pluginsConfigurations, ...presetsConfigurations]);
+  const docsMarkdown = generateDocs(schema, pluginsAndPresets);
 
   return {
     docs: docsMarkdown,
diff --git a/website/src/pages/_app.mdx b/website/src/pages/_app.mdx
new file mode 100644
index 00000000000..e98f754d389
--- /dev/null
+++ b/website/src/pages/_app.mdx
@@ -0,0 +1,5 @@
+import '@theguild/components/style.css'
+
+export default function App({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}
diff --git a/website/src/pages/_app.tsx b/website/src/pages/_app.tsx
deleted file mode 100644
index 77f3750ac66..00000000000
--- a/website/src/pages/_app.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { ReactElement } from 'react';
-import { AppProps } from 'next/app';
-import '@theguild/components/style.css';
-
-export default function App({ Component, pageProps }: AppProps): ReactElement {
-  return <Component {...pageProps} />;
-}
diff --git a/website/src/pages/docs/advanced/generated-files-colocation.mdx b/website/src/pages/docs/advanced/generated-files-colocation.mdx
index a229f269b84..fbe6053bf52 100644
--- a/website/src/pages/docs/advanced/generated-files-colocation.mdx
+++ b/website/src/pages/docs/advanced/generated-files-colocation.mdx
@@ -1,7 +1,7 @@
 ---
 description: Generate types near your GraphQL operations. Colocate your generated files with your original GraphQL operations.
 ---
-import { PackageCmd, Callout } from '@theguild/components'
+import { Callout } from '@theguild/components'
 
 # Generated files colocation
 
@@ -52,7 +52,9 @@ Just a few configuration steps are required to get this structure of colocated g
 
 ### Install
 
-<PackageCmd packages={['-D @graphql-codegen/near-operation-file-preset']} />
+```sh npm2yarn
+npm i -D @graphql-codegen/near-operation-file-preset
+```
 
 ### Configure the preset
 
@@ -110,6 +112,8 @@ Assuming that, as recommended, your `package.json` has the following script:
 
 Running the following generates the colocated `.generated.tsx` file.
 
-<PackageCmd packages={[{ name: 'generate', cmd: 'run' }]} />
+```sh npm2yarn
+npm run generate
+```
 
 For more advanced configuration, please refer to the [`@graphql-codegen/near-operation-file-preset` documentation](/plugins/near-operation-file-preset).
diff --git a/website/src/pages/docs/advanced/how-does-it-work.mdx b/website/src/pages/docs/advanced/how-does-it-work.mdx
index 20614bb2be6..c723b219b39 100644
--- a/website/src/pages/docs/advanced/how-does-it-work.mdx
+++ b/website/src/pages/docs/advanced/how-does-it-work.mdx
@@ -112,7 +112,7 @@ export default config;
 
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string | number; output: string; };
+  ID: { input: string; output: string; };
   String: { input: string; output: string; };
   Boolean: { input: boolean; output: boolean; };
   Int: { input: number; output: number; };
diff --git a/website/src/pages/docs/advanced/profiler.mdx b/website/src/pages/docs/advanced/profiler.mdx
index 2523c074054..66604ffd54c 100644
--- a/website/src/pages/docs/advanced/profiler.mdx
+++ b/website/src/pages/docs/advanced/profiler.mdx
@@ -2,15 +2,13 @@
 description: GraphQL Code Generator CLI provides a flag that enables the profiler mode. This allows you to identify performance bottlenecks in your codegen configuration.
 ---
 
-import { PackageCmd } from '@theguild/components'
-
 # GraphQL Code Generator Profiler
 
 GraphQL Code Generator CLI provides a flag that enables the profiler mode, as follows:
 
-<PackageCmd
-  packages={[{ name: 'graphql-code-generator --config graphql-codegen.ts --profile', cmd: 'run', isNpx: true }]}
-/>
+```sh
+npx graphql-code-generator --config graphql-codegen.ts --profile
+```
 
 GraphQL Code Generator operates as usual (generating your files) but also generates a `codegen-[timestamp].json` profile file.
 
diff --git a/website/src/pages/docs/config-reference/codegen-config.mdx b/website/src/pages/docs/config-reference/codegen-config.mdx
index cf0de2fa325..0e75e154da7 100644
--- a/website/src/pages/docs/config-reference/codegen-config.mdx
+++ b/website/src/pages/docs/config-reference/codegen-config.mdx
@@ -2,7 +2,7 @@
 description: Learn how to configure GraphQL Code Generator to generate code from your GraphQL schema and documents.
 ---
 
-import { PackageCmd, Callout } from '@theguild/components'
+import { Callout } from '@theguild/components'
 
 # `codegen.ts` file
 
@@ -14,7 +14,9 @@ The CLI automatically detects the defined config file and generates code accordi
 
 In addition, you can also define a path to your config file with the `--config` options, like so:
 
-<PackageCmd packages={[{ name: 'graphql-code-generator --config ./path/to/codegen.ts', cmd: 'run', isNpx: true }]} />
+```sh
+npx graphql-code-generator --config ./path/to/codegen.ts
+```
 
 ## Configuration file format
 
diff --git a/website/src/pages/docs/custom-codegen/contributing.mdx b/website/src/pages/docs/custom-codegen/contributing.mdx
index 931db32393b..e6eb6143849 100644
--- a/website/src/pages/docs/custom-codegen/contributing.mdx
+++ b/website/src/pages/docs/custom-codegen/contributing.mdx
@@ -9,7 +9,7 @@ import { Callout } from '@theguild/components'
 When your new plugin is ready, you can either:
 
 - maintain it in your repo and npm package
-- contribute and make it part of the GraphQL Code Generator community repo ([`dotansimha/graphql-code-generator-community`](dotansimha/graphql-code-generator-community))
+- contribute and make it part of the GraphQL Code Generator community repo ([`dotansimha/graphql-code-generator-community`](https://github.com/dotansimha/graphql-code-generator-community))
 
 The GraphQL Code Generator community repository contains plugins for all languages and platforms.
 If your plugin could be helpful for others, please consider creating a PR and maintaining it in our repo.
@@ -21,7 +21,7 @@ To be able to clone, build and develop codegen, you'll need to have the followin
 
 - [GitHub Account](https://github.com)
 - [Git](https://git-scm.com/downloads)
-- [Node.js](https://nodejs.org/en) (v14+)
+- [Node.js](https://nodejs.org/en) (v16+)
 - [Yarn](https://yarnpkg.com) (v1)
 - Any code editor (we recommend [VSCode](https://code.visualstudio.com))
 
@@ -102,6 +102,7 @@ Make sure to follow the following instructions:
     "lint": "eslint **/*.ts",
     "test": "jest --no-watchman --config ../../../../jest.config.js"
   }
+}
 ```
 
 <Callout>This will make sure that your plugin is compatible with our build and test system.</Callout>
@@ -121,7 +122,7 @@ Make sure to follow the following instructions:
 ```
 
 <Callout>
-`graphql` must be a devDependency in order to allow developers to choose their own version.
+`graphql` must be a `devDependency` in order to allow developers to choose their own version.
 
 `tslib` is required to compile plugins.
 
@@ -168,7 +169,7 @@ You can follow the plugin tips in [Write Your Plugin](./write-your-plugin), [Val
 
 ## 7. Test your plugin
 
-To test your plugin, create a test file - `tests/plugin.spec.ts` with the following content:
+To test your plugin, create a test file `tests/plugin.spec.ts` with the following content:
 
 ```ts filename="plugin.spec.ts"
 import { plugin } from '../src'
@@ -271,18 +272,12 @@ Please find the proper category for your plugin (usually based on the target lan
 
    For example, the `@graphql-codegen/typescript-react-apollo` plugin has a page at `website/src/pages/plugins/typescript/typescript-react-apollo.mdx`.
 
-<br />
-
 2. Add your plugin's package as a dependency of the `website/package.json` and run `yarn install` at the root of the repository.
 
-<br />
-
 3. Update the `website/src/lib/plugins-docs.ts` file by adding your plugin to the `pluginsConfigurations` array.
 
 You must provide the relative link to your plugin typing definition. You will find examples with the existing plugins.
 
-<br />
-
 4. Each plugin belongs to a category (ex: `@graphql-codegen/typescript-react-apollo` belongs to the `typescript` category). Make sure that your plugin is assigned to the proper category by updating the `website/src/category-to-packages.mjs` file:
 
 Go ahead to `website` directory and run the website using `yarn dev`.
diff --git a/website/src/pages/docs/getting-started/index.mdx b/website/src/pages/docs/getting-started/index.mdx
index 435bf3056f7..c728a668a61 100644
--- a/website/src/pages/docs/getting-started/index.mdx
+++ b/website/src/pages/docs/getting-started/index.mdx
@@ -3,7 +3,7 @@ title: Introduction
 description: GraphQL Code Generator is a plugin-based tool that helps you get the best out of your GraphQL stack. From back-end to front-end, GraphQL Code Generator automates the generation of typed Queries, Mutations and, Subscriptions for React, Vue, Angular, Next.js, Svelte, whether you are using Apollo Client, URQL or, React Query.
 ---
 
-import { Tabs, Tab, Callout, PackageCmd } from '@theguild/components'
+import { Tabs, Tab, Callout } from '@theguild/components'
 
 # Introduction to GraphQL Code Generator
 
@@ -258,7 +258,10 @@ experience and stability of your stack.
 
 After installing 3 packages:
 
-<PackageCmd packages={['graphql', '-D typescript', '-D @graphql-codegen/cli', '-D @graphql-codegen/client-preset']} />
+```sh npm2yarn
+npm i graphql
+npm i -D typescript @graphql-codegen/cli @graphql-codegen/client-preset
+```
 
 and providing a simple configuration:
 
diff --git a/website/src/pages/docs/getting-started/installation.mdx b/website/src/pages/docs/getting-started/installation.mdx
index 1667777655a..fdbdcfbadf7 100644
--- a/website/src/pages/docs/getting-started/installation.mdx
+++ b/website/src/pages/docs/getting-started/installation.mdx
@@ -1,14 +1,18 @@
 ---
-description: 'GraphQL Code Generator is a tool for generating code from GraphQL schema and operations. It can generate code for various platforms, such as React, Angular, Node, and more.'
+title: Quick Start
+description: GraphQL Code Generator is a plugin-based tool that helps you get the best out of your GraphQL stack. From back-end to front-end, GraphQL Code Generator automates the generation of typed Queries, Mutations and, Subscriptions for React, Vue, Angular, Next.js, Svelte, whether you are using Apollo Client, URQL or, React Query.
 ---
 
-import { Callout, PackageCmd } from '@theguild/components'
+import { Callout } from '@theguild/components'
 
-# Installation
+# Quick Start
 
 Make sure that you add both the `graphql` and `@graphql-codegen/cli` packages in your project's dependencies:
 
-<PackageCmd packages={['graphql', '-D typescript', '-D @graphql-codegen/cli']} />
+```sh npm2yarn
+npm i graphql
+npm i -D typescript @graphql-codegen/cli
+```
 
 ## Global Installation
 
@@ -36,12 +40,13 @@ Otherwise, you can start exploring the [plugins](/plugins) and [setting up them
 
 Once installed, GraphQL Code Generator CLI can help you configure your project based on some popular flows:
 
-<PackageCmd
-  packages={[
-    { name: 'graphql-code-generator init', cmd: 'run', isNpx: true },
-    { name: '# install the chosen packages', cmd: 'install' }
-  ]}
-/>
+```sh
+npx graphql-code-generator init
+```
+
+```sh npm2yarn
+npm install # install the chosen packages
+```
 
 Question by question, it will guide you through the whole process of setting up a schema, selecting and installing plugins, picking a destination to where your files are generated, and a lot more.
 
@@ -51,17 +56,17 @@ Once GraphQL Code Generator is installed and added to your project's development
 
 If you are looking for the **best way to leverage GraphQL Code Generator on your stack**, you should read one of our _Guides_.
 
-On top of each plugin documentation, we provide one Guide for the most famous framework such as [React](/docs/guides/react) or [Apollo Server](/docs/guides/graphql-server-apollo-yoga). Each guide exposes the best plugins and configurations available for each framework and stack (React with Apollo / URQL / React Query, Angular with Apollo, …).
-
-Otherwise, if you **prefer exploring plugins and skipping the high-level explanations**, the go-to resource will be the [plugins documentation](/plugins) and the [`codegen.yaml` API reference documentation](/docs/config-reference/codegen-config).
-
-## What's next?
+#### Client
 
-Get started with our guides:
+We recommend using [a `client` preset](/plugins/presets/preset-client) that has a recommended configuration for the client applications. You can follow one of the following guides:
 
-- [React and Vue](/docs/guides/react-vue)
+- [React](/docs/guides/react-vue)
+- [Vue](/docs/guides/react-vue)
 - [Angular](/docs/guides/angular)
 - [Svelte](/docs/guides/svelte)
+
+#### Server
+
 - [Apollo and Yoga server](/docs/guides/graphql-server-apollo-yoga)
 - [Apollo and Yoga server with Server Preset](/docs/guides/graphql-server-apollo-yoga-with-server-preset)
 - [GraphQL Modules](/docs/guides/graphql-modules)
diff --git a/website/src/pages/docs/guides/angular.mdx b/website/src/pages/docs/guides/angular.mdx
index 15b482e3a73..68fbdd792c8 100644
--- a/website/src/pages/docs/guides/angular.mdx
+++ b/website/src/pages/docs/guides/angular.mdx
@@ -2,7 +2,7 @@
 description: GraphQL Code Generator provides the @graphql-codegen/typescript-apollo-angular plugin that generates full-typed Apollo GraphQL services.
 ---
 
-import { PackageCmd, Callout } from '@theguild/components'
+import { Callout } from '@theguild/components'
 
 # Guide: Angular
 
@@ -93,16 +93,14 @@ Just a few configuration steps are required to get those Apollo services:
 
 ### Install
 
-<PackageCmd
-  packages={[
-    'graphql',
-    '-D typescript',
-    '-D @graphql-codegen/cli',
-    '-D @graphql-codegen/typescript',
-    '-D @graphql-codegen/typescript-operations',
-    '-D @graphql-codegen/typescript-apollo-angular'
-  ]}
-/>
+```sh npm2yarn
+npm i graphql
+npm i -D typescript
+npm i -D @graphql-codegen/cli
+npm i -D @graphql-codegen/typescript
+npm i -D @graphql-codegen/typescript-operations
+npm i -D @graphql-codegen/typescript-apollo-angular
+```
 
 ### Configure the plugin
 
@@ -146,7 +144,9 @@ Assuming that, as recommended, your `package.json` has the following script:
 
 Running the following generates the `graphql/generated.ts` file.
 
-<PackageCmd packages={[{ name: 'generate', cmd: 'run' }]} />
+```sh npm2yarn
+npm run generate
+```
 
 We can now update our code as follows:
 
diff --git a/website/src/pages/docs/guides/api-testing.mdx b/website/src/pages/docs/guides/api-testing.mdx
index 9f565bf0634..59ab7e076b8 100644
--- a/website/src/pages/docs/guides/api-testing.mdx
+++ b/website/src/pages/docs/guides/api-testing.mdx
@@ -2,7 +2,7 @@
 description: GraphQL Code Generator can generate typed results for your GraphQL operations. This tutorial uses GraphQL Yoga, but the practices are applicable to testing any GraphQL server.
 ---
 
-import { Callout, PackageCmd } from '@theguild/components'
+import { Callout } from '@theguild/components'
 
 # Guide: API Testing
 
@@ -22,15 +22,15 @@ Refer to [GraphQL Codegen - Yoga example](https://github.com/dotansimha/graphql-
 
 Install the following dependencies:
 
-<PackageCmd packages={['graphql-yoga']} />
+```sh npm2yarn
+npm i graphql-yoga
+```
 
 Install the following development dependencies:
 
-<PackageCmd
-  packages={[
-    '-D typescript ts-node @graphql-codegen/cli @graphql-codegen/client-preset jest @babel/core @babel/preset-env @babel/preset-typescript @graphql-codegen/client-preset babel-jest @graphql-typed-document-node/core'
-  ]}
-/>
+```sh npm2yarn
+npm i -D typescript ts-node @graphql-codegen/cli @graphql-codegen/client-preset jest @babel/core @babel/preset-env @babel/preset-typescript babel-jest @graphql-typed-document-node/core
+```
 
 ## Setup
 
@@ -185,7 +185,7 @@ describe('Yoga Tests', () => {
 
 We can then generate the types for the referenced GraphQL operation using the GraphQL Code Generator CLI.
 
-```bash
+```sh
 npx graphql-codegen
 ```
 
@@ -193,7 +193,7 @@ As the command was run, the TypeScript errors within the test file should have d
 
 For convenience and writing tests it is recommended to run GraphQL Code Generator in watch mode.
 
-```bash
+```sh
 npx graphql-codegen --watch
 ```
 
diff --git a/website/src/pages/docs/guides/flutter-freezed.mdx b/website/src/pages/docs/guides/flutter-freezed.mdx
index aa78116ee17..23425ad760e 100644
--- a/website/src/pages/docs/guides/flutter-freezed.mdx
+++ b/website/src/pages/docs/guides/flutter-freezed.mdx
@@ -2,13 +2,11 @@
 description: Boost 🚀 your development of Dart/Flutter apps using a GraphQL API by generating models directly from your GraphQL Schema.
 ---
 
-import { PackageCmd, Callout } from '@theguild/components'
-
 # Guide: Dart/Flutter
 
 Boost 🚀 your development of Dart/Flutter apps using a GraphQL API by generating models directly from your GraphQL Schema.
 
-Currently this plugin only generates [Freezed](https://pub.dev/packages/freezed) models but work is ongoing to make it way easier to work with GraphQL by scaffolding an entire GraphQL client with support for Queries, Mutations and Subscriptions taking huge inspiration from [KitQL](https://www.kitql.dev/)
+Currently, this plugin only generates [Freezed](https://pub.dev/packages/freezed) models but work is ongoing to make it way easier to work with GraphQL by scaffolding an entire GraphQL client with support for Queries, Mutations and Subscriptions taking huge inspiration from [KitQL](https://www.kitql.dev/)
 
 ## TL;DR
 
@@ -177,7 +175,10 @@ node_modules/
 
 6. Install the `graphql-code-generator` and the `flutter-freezed` plugin
 
-<PackageCmd packages={['graphql', '-D typescript', '-D @graphql-codegen/cli @graphql-codegen/flutter-freezed']} />
+```sh npm2yarn
+npm i graphql
+npm i -D typescript @graphql-codegen/cli @graphql-codegen/flutter-freezed
+```
 
 7. Create a `codegen.ts` file at the root of the Flutter project with the following:
 
diff --git a/website/src/pages/docs/guides/graphql-modules.mdx b/website/src/pages/docs/guides/graphql-modules.mdx
index f25944d8771..948338c7ee7 100644
--- a/website/src/pages/docs/guides/graphql-modules.mdx
+++ b/website/src/pages/docs/guides/graphql-modules.mdx
@@ -2,8 +2,6 @@
 description: GraphQL Code Generator's `@graphql-codegen/graphql-modules-preset` plugin helps to generate resolvers type for each module of a GraphQL Modules GraphQL API.
 ---
 
-import { PackageCmd } from '@theguild/components'
-
 # Guide: GraphQL Modules
 
 GraphQL Code Generator's `@graphql-codegen/graphql-modules-preset` plugin helps to
@@ -28,11 +26,9 @@ Just a few configuration steps are required to get the resolvers types generated
 
 ### Install
 
-<PackageCmd
-  packages={[
-    '-D @graphql-codegen/graphql-modules-preset @graphql-codegen/typescript-resolvers @graphql-codegen/typescript'
-  ]}
-/>
+```sh npm2yarn
+npm i -D @graphql-codegen/graphql-modules-preset @graphql-codegen/typescript-resolvers @graphql-codegen/typescript
+```
 
 ### Configure the plugin
 
@@ -79,7 +75,9 @@ Assuming that, as recommended, your `package.json` has the following script:
 
 Running the following generates the `graphql/generated.tsx` file.
 
-<PackageCmd packages={[{ name: 'generate', cmd: 'run' }]} />
+```sh npm2yarn
+npm run generate
+```
 
 The User module resolvers would be:
 
diff --git a/website/src/pages/docs/guides/graphql-server-apollo-yoga-with-server-preset.mdx b/website/src/pages/docs/guides/graphql-server-apollo-yoga-with-server-preset.mdx
index ccb67c663bc..7b7a4a8c89a 100644
--- a/website/src/pages/docs/guides/graphql-server-apollo-yoga-with-server-preset.mdx
+++ b/website/src/pages/docs/guides/graphql-server-apollo-yoga-with-server-preset.mdx
@@ -2,7 +2,7 @@
 description: GraphQL Code Generator's server preset, `@eddeee888/gcg-typescript-resolver-files`, helps GraphQL APIs work at any scale by enforcing best practices such as type-safety and schema module conventions.
 ---
 
-import { PackageCmd, Callout, Tabs, Tab } from '@theguild/components'
+import { Callout, Tabs, Tab } from '@theguild/components'
 
 # Guide: GraphQL Yoga / Apollo Server with Server Preset
 
@@ -64,7 +64,9 @@ type Book {
 
 #### 2. Install Server Preset
 
-<PackageCmd packages={['-D @graphql-codegen/cli @eddeee888/gcg-typescript-resolver-files']} />
+```sh npm2yarn
+npm i -D @graphql-codegen/cli @eddeee888/gcg-typescript-resolver-files
+```
 
 #### 3. Configure Codegen Config
 
@@ -91,7 +93,7 @@ export default config
 
 <Tab>
 
-```yml filename="codegen.yml"
+```yaml filename="codegen.yml"
 schema: '**/schema.graphql'
 generates:
   src/schema:
@@ -115,7 +117,9 @@ The server preset comes with these plugins built-in with stricter defaults. You
 
 Now, run codegen:
 
-<PackageCmd packages={[{ name: 'graphql-codegen', cmd: 'run', isNpx: true }]} />
+```sh
+npx graphql-codegen
+```
 
 This results in the following structure:
 
@@ -273,7 +277,9 @@ The server preset automatically uses scalar implementation from `graphql-scalars
 
 First, install `graphql-scalars`:
 
-<PackageCmd packages={['graphql-scalars']} />
+```sh npm2yarn
+npm i graphql-scalars
+```
 
 Then, add a scalar to your schema:
 
diff --git a/website/src/pages/docs/guides/graphql-server-apollo-yoga.mdx b/website/src/pages/docs/guides/graphql-server-apollo-yoga.mdx
index d7745c11f6d..b675c6ac679 100644
--- a/website/src/pages/docs/guides/graphql-server-apollo-yoga.mdx
+++ b/website/src/pages/docs/guides/graphql-server-apollo-yoga.mdx
@@ -1,7 +1,7 @@
 ---
 description: GraphQL Code Generator's `@graphql-codegen/typescript-resolvers` plugin generates TypeScript types for your GraphQL API's resolvers.
 ---
-import { PackageCmd, Tabs, Tab, Callout } from '@theguild/components'
+import { Tabs, Tab, Callout } from '@theguild/components'
 
 # Guide: GraphQL Yoga / Apollo Server
 
@@ -61,7 +61,9 @@ type Query {
 
 **2. Install the `@graphql-codegen/typescript-resolvers` plugin**
 
-<PackageCmd packages={['-D @graphql-codegen/cli @graphql-codegen/typescript-resolvers @graphql-codegen/typescript']} />
+```sh npm2yarn
+npm i -D @graphql-codegen/cli @graphql-codegen/typescript-resolvers @graphql-codegen/typescript
+```
 
 **3. Configure the plugin**
 
@@ -118,7 +120,9 @@ Assuming that, as recommended, your `package.json` has the following script:
 
 Running the following generates the `graphql/generated.tsx` file.
 
-<PackageCmd packages={[{ name: 'generate', cmd: 'run' }]} />
+```sh npm2yarn
+npm run generate
+```
 
 We can now write/migrate our GraphQL API implementation as follows:
 
diff --git a/website/src/pages/docs/guides/react-vue.mdx b/website/src/pages/docs/guides/react-vue.mdx
index fd2bc314535..767e28418f7 100644
--- a/website/src/pages/docs/guides/react-vue.mdx
+++ b/website/src/pages/docs/guides/react-vue.mdx
@@ -2,7 +2,7 @@
 description: GraphQL Code Generator is a tool that generates code from your GraphQL schema and operations. It can generate TypeScript, Flow, Swift, Kotlin, and more.
 ---
 
-import { Tabs, Tab, Callout, PackageCmd } from '@theguild/components'
+import { Tabs, Tab, Callout } from '@theguild/components'
 
 # Guide: React and Vue
 
@@ -129,8 +129,10 @@ export default config
 
 **Usage with `@tanstack/react-query`**
 
-For the best developer experience, we recommend using `@tanstack/react-query` with `graphql-request@^5.0.0`. <br/>
-If you are willing to provide your own fetcher, you can directly jump to the ["Appendix I: React Query with a custom fetcher setup"](#appendix-i-react-query-with-a-custom-fetcher-setup) and continue the guide once React Query is properly setup.
+If you are using `@tanstack/react-query`, we recommend using it with `graphql-request@^5.0.0` to get the best developer experience.
+
+If you are willing to provide your own fetcher, you can directly jump to the ["Appendix I: React Query with a custom fetcher
+setup"](#appendix-i-react-query-with-a-custom-fetcher-setup) and continue the guide once React Query is properly setup.
 
 </Callout>
 
@@ -549,7 +551,7 @@ Then write type-safe code like the following:
 
 ```ts filename="Application Code"
 import { useGraphQL } from './use-graphql.js'
-import { gql } from './generated/grahql.js'
+import { gql } from './generated/graphql.js'
 
 const allFilmsWithVariablesQueryDocument = gql(/* GraphQL */ `
   query allFilmsWithVariablesQuery($first: Int!) {
@@ -633,7 +635,7 @@ Then write type-safe code like the following:
 
 ```ts filename="Application Code"
 import { useGraphQL } from './use-graphql.js'
-import { gql } from './generated/grahql.js'
+import { gql } from './generated/graphql.js'
 
 const allFilmsWithVariablesQueryDocument = gql(/* GraphQL */ `
   query allFilmsWithVariablesQuery($first: Int!) {
diff --git a/website/src/pages/docs/guides/svelte.mdx b/website/src/pages/docs/guides/svelte.mdx
index ff0342aa871..8b032628a2a 100644
--- a/website/src/pages/docs/guides/svelte.mdx
+++ b/website/src/pages/docs/guides/svelte.mdx
@@ -2,7 +2,7 @@
 description: Generate typed code for SvelteKit and Apollo. GraphQL Code Generator and the community provide typed code generation for Apollo, SvelteKit _native_, and other clients.
 ---
 
-import { Callout, PackageCmd } from '@theguild/components'
+import { Callout } from '@theguild/components'
 
 # Guide: Svelte / Kit
 
@@ -69,11 +69,9 @@ Just a few configuration steps are required to get observable Apollo queries wit
 
 **1. Install the `graphql-codegen-svelte-apollo` plugin**
 
-<PackageCmd
-  packages={[
-    '-D graphql-codegen-svelte-apollo @graphql-codegen/typescript @graphql-codegen/typescript-operations @graphql-codegen/cli typescript graphql'
-  ]}
-/>
+```sh npm2yarn
+npm i -D graphql-codegen-svelte-apollo @graphql-codegen/typescript @graphql-codegen/typescript-operations @graphql-codegen/cli typescript graphql
+```
 
 **2. Configure the plugin**
 
@@ -120,7 +118,9 @@ Assuming that, as recommended, your `package.json` has the following script:
 
 Running the following generates the `graphql/generated.ts` file.
 
-<PackageCmd packages={[{ name: 'generate', cmd: 'run' }]} />
+```sh npm2yarn
+npm run generate
+```
 
 We can now update our code as follows:
 
@@ -150,7 +150,10 @@ Just a few configuration steps are required to get SvelteKit stores fully typed
 
 **1. Install the plugin**
 
-<PackageCmd packages={['@kitql/client', '-D @kitql/graphql-codegen']} />
+```sh npm2yarn
+npm i @kitql/client
+npm i -D @kitql/graphql-codegen
+```
 
 **2. Configure the plugin**
 
@@ -185,7 +188,9 @@ Assuming that, as recommended, your `package.json` has the following script:
 
 Running the following generates the `graphql/generated.ts` file.
 
-<PackageCmd packages={[{ name: 'generate', cmd: 'run' }]} />
+```sh npm2yarn
+npm run generate
+```
 
 We can now update our code as follows:
 
diff --git a/website/src/pages/docs/migration/from-0-18.mdx b/website/src/pages/docs/migration/from-0-18.mdx
index cf1736206c7..809f30e4af2 100644
--- a/website/src/pages/docs/migration/from-0-18.mdx
+++ b/website/src/pages/docs/migration/from-0-18.mdx
@@ -2,7 +2,7 @@
 description: Migrating to 1.0.0. What has changed? How to migrate? What are the new features?
 ---
 
-import { Callout, Tabs, Tab, PackageCmd } from '@theguild/components'
+import { Callout, Tabs, Tab } from '@theguild/components'
 
 # Migration to 1.0.0
 
@@ -127,7 +127,9 @@ It will generates for you types that are pointing to the new form of types. It s
 
 To use it, start by installing from NPM:
 
-<PackageCmd packages={['-D @graphql-codegen/typescript-compatibility']} />
+```sh npm2yarn
+npm i -D @graphql-codegen/typescript-compatibility
+```
 
 Then, add it to your codegen configuration:
 
diff --git a/website/src/pages/docs/migration/graphql-cli.mdx b/website/src/pages/docs/migration/graphql-cli.mdx
index c1a6e7f09dc..888fcd30942 100644
--- a/website/src/pages/docs/migration/graphql-cli.mdx
+++ b/website/src/pages/docs/migration/graphql-cli.mdx
@@ -1,4 +1,4 @@
-import { Callout, PackageCmd } from '@theguild/components'
+import { Callout } from '@theguild/components'
 
 # GraphQL-CLI Deprecation
 
diff --git a/website/src/pages/plugins/c-sharp/c-sharp-operations.mdx b/website/src/pages/plugins/c-sharp/c-sharp-operations.mdx
index 8d76b695c32..b96f5462b97 100644
--- a/website/src/pages/plugins/c-sharp/c-sharp-operations.mdx
+++ b/website/src/pages/plugins/c-sharp/c-sharp-operations.mdx
@@ -5,9 +5,9 @@ description: C# operations plugin. Generates C# methods for the resolvers' signa
 
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 
 The `c-sharp-operations` plugin generates C# methods for the resolvers' signature.
 
diff --git a/website/src/pages/plugins/dart/flutter-freezed.mdx b/website/src/pages/plugins/dart/flutter-freezed.mdx
index 2ecdb8bdcce..b3fce60218a 100644
--- a/website/src/pages/plugins/dart/flutter-freezed.mdx
+++ b/website/src/pages/plugins/dart/flutter-freezed.mdx
@@ -11,6 +11,6 @@ export const getStaticProps = pluginGetStaticProps(__filename)
 
 The `flutter-freezed` plugin generates [Freezed] models using a GraphQL Schema.
 
-Please refer the the [Flutter Freezed Guide](/docs/guides/flutter-freezed) for how to get started with this plugin.
+Please refer the [Flutter Freezed Guide](/docs/guides/flutter-freezed) for how to get started with this plugin.
 
 <PluginApiDocs />
diff --git a/website/src/pages/plugins/flow/flow-operations.mdx b/website/src/pages/plugins/flow/flow-operations.mdx
index 74db4c783d0..d557131b08e 100644
--- a/website/src/pages/plugins/flow/flow-operations.mdx
+++ b/website/src/pages/plugins/flow/flow-operations.mdx
@@ -5,7 +5,7 @@ description: Flow Operations plugin. This plugin allows you to create and manage
 
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
diff --git a/website/src/pages/plugins/java/java-apollo-android.mdx b/website/src/pages/plugins/java/java-apollo-android.mdx
index 9ad1bc56ec2..e1f717ca35b 100644
--- a/website/src/pages/plugins/java/java-apollo-android.mdx
+++ b/website/src/pages/plugins/java/java-apollo-android.mdx
@@ -3,7 +3,7 @@ title: java-apollo-android
 description: GraphQL Code Generator plugin for generating Java code for Apollo Android.
 ---
 
-import { Callout, PackageCmd } from '@theguild/components'
+import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
 export const getStaticProps = pluginGetStaticProps(__filename)
@@ -19,7 +19,11 @@ To get started with these plugins and preset, make sure you have the following i
 
 Run the following in your Android project:
 
-<PackageCmd packages={[{ cmd: 'init' }, 'graphql', '-D @graphql-codegen/cli @graphql-codegen/java-apollo-android']} />
+```sh npm2yarn
+npm init --yes
+npm install graphql
+npm install -D @graphql-codegen/cli @graphql-codegen/java-apollo-android
+```
 
 Then, create `codegen.yml` with the following configuration:
 
diff --git a/website/src/pages/plugins/java/kotlin.mdx b/website/src/pages/plugins/java/kotlin.mdx
index 29a4b640731..354a69c5a2e 100644
--- a/website/src/pages/plugins/java/kotlin.mdx
+++ b/website/src/pages/plugins/java/kotlin.mdx
@@ -3,7 +3,7 @@ title: kotlin
 description: Kotlin plugin for GraphQL Code Generator. Generate Kotlin classes for Enums and Input types.
 ---
 
-import { Callout, PackageCmd } from '@theguild/components'
+import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
 export const getStaticProps = pluginGetStaticProps(__filename)
@@ -23,7 +23,11 @@ To get started with these plugins and preset, make sure you have the following i
 
 Run the following in your Android project:
 
-<PackageCmd packages={[{ cmd: 'init' }, 'graphql', '-D @graphql-codegen/cli @graphql-codegen/kotlin']} />
+```sh npm2yarn
+npm init --yes
+npm install graphql
+npm install -D @graphql-codegen/cli @graphql-codegen/kotlin
+```
 
 Then, create `codegen.yml` with the following configuration:
 
diff --git a/website/src/pages/plugins/presets/preset-client.mdx b/website/src/pages/plugins/presets/preset-client.mdx
index 4eae1bee83d..78e88cc3dac 100644
--- a/website/src/pages/plugins/presets/preset-client.mdx
+++ b/website/src/pages/plugins/presets/preset-client.mdx
@@ -3,10 +3,9 @@ title: client-preset
 description: The client preset provides typed GraphQL operations (Query, Mutation and Subscription) by perfectly integrating with your favorite GraphQL clients.
 ---
 
-import { Callout, PackageCmd } from '@theguild/components'
-import { PluginApiDocs, PluginHeader } from '@/components/plugin'
+import { Callout, FileTree } from '@theguild/components'
+import { PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-import { Tree, File, Folder } from '../../../components/file-tree'
 export const getStaticProps = pluginGetStaticProps(__filename)
 
 <PluginHeader />
@@ -38,6 +37,11 @@ For step-by-step instructions, please [refer to our dedicated guide](/docs/guide
 
 ## Config API
 
+<Callout type="info">
+  The `client` preset only exposes a set of underlying plugin's config options. The preset is somewhat opinionated and
+  crafted carefully for an optimal developer experience.
+</Callout>
+
 The `client` preset allows the following `config` options:
 
 - [`scalars`](/plugins/typescript/typescript#scalars): Extends or overrides the built-in scalars and custom GraphQL scalars to a custom type.
@@ -415,15 +419,15 @@ const config: CodegenConfig = {
 
 By enabling this option GraphQL Code Generator will generate an additional file `persisted-documents.json` within your artifacts location.
 
-<Tree>
-  <Folder name="gql" defaultOpen>
-    <File name="fragment-masking.ts" />
-    <File name="gql.ts" />
-    <File name="graphql.ts" />
-    <File name="index.ts" />
-    <File name="persisted-documents.json" active />
-  </Folder>
-</Tree>
+<FileTree>
+  <FileTree.Folder name="gql" defaultOpen>
+    <FileTree.File name="fragment-masking.ts" />
+    <FileTree.File name="gql.ts" />
+    <FileTree.File name="graphql.ts" />
+    <FileTree.File name="index.ts" />
+    <FileTree.File name="persisted-documents.json" active />
+  </FileTree.Folder>
+</FileTree>
 
 This file contains a mapping of the document's hash to the document's content.
 
@@ -525,7 +529,9 @@ thread '<unnamed>' panicked at 'failed to invoke plugin: failed to invoke plugin
 
 The SWC plugin is not bundled in the `client-preset` package, so you will need to install it separately:
 
-<PackageCmd packages={['-D @graphql-codegen/client-preset-swc-plugin']} />
+```sh npm2yarn
+npm i -D @graphql-codegen/client-preset-swc-plugin
+```
 
 #### General
 
diff --git a/website/src/pages/plugins/typescript/typed-document-node.mdx b/website/src/pages/plugins/typescript/typed-document-node.mdx
index 2b7115219ef..4759f3604d9 100644
--- a/website/src/pages/plugins/typescript/typed-document-node.mdx
+++ b/website/src/pages/plugins/typescript/typed-document-node.mdx
@@ -6,14 +6,14 @@ description: Generate TypedDocumentNode for GraphQL operations. This plugin is a
 import { Callout } from '@theguild/components'
 import { PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
 <Callout>
 For new projects, we recommend using the [`client-preset`](/plugins/presets/preset-client), which uses `typed-document-node` under the hood.
 
 </Callout>
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 
 These plugins generate a ready-to-use `TypedDocumentNode` (a combination of pre-compiled `DocumentNode` and the TypeScript signature it represents).
 
diff --git a/website/src/pages/plugins/typescript/typescript-apollo-angular.mdx b/website/src/pages/plugins/typescript/typescript-apollo-angular.mdx
index f4d8923db0c..0f9ea8af33d 100644
--- a/website/src/pages/plugins/typescript/typescript-apollo-angular.mdx
+++ b/website/src/pages/plugins/typescript/typescript-apollo-angular.mdx
@@ -6,9 +6,9 @@ description: GraphQL Code Generator plugin for Angular services using Apollo Ang
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
 
 ## How to use?
diff --git a/website/src/pages/plugins/typescript/typescript-apollo-next.mdx b/website/src/pages/plugins/typescript/typescript-apollo-next.mdx
index 27f95290873..576dddbb9dc 100644
--- a/website/src/pages/plugins/typescript/typescript-apollo-next.mdx
+++ b/website/src/pages/plugins/typescript/typescript-apollo-next.mdx
@@ -5,9 +5,9 @@ description: Apollo Client plugin for GraphQL Code Generator. Generates React Ap
 
 import { PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 
 This plugin generates:
 
diff --git a/website/src/pages/plugins/typescript/typescript-generic-sdk.mdx b/website/src/pages/plugins/typescript/typescript-generic-sdk.mdx
index 990eb21823b..0c31bf13a0e 100644
--- a/website/src/pages/plugins/typescript/typescript-generic-sdk.mdx
+++ b/website/src/pages/plugins/typescript/typescript-generic-sdk.mdx
@@ -6,9 +6,9 @@ description: Generate TypeScript SDK for GraphQL APIs. Supports Apollo Client, R
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 
 <Callout>Make sure you have `typescript` plugin and `typescript-operations` as well in your configuration:</Callout>
 
diff --git a/website/src/pages/plugins/typescript/typescript-graphql-request.mdx b/website/src/pages/plugins/typescript/typescript-graphql-request.mdx
index b7b533e359c..f8a38669a3f 100644
--- a/website/src/pages/plugins/typescript/typescript-graphql-request.mdx
+++ b/website/src/pages/plugins/typescript/typescript-graphql-request.mdx
@@ -6,9 +6,9 @@ description: GraphQL Code Generator plugin for generating TypeScript code using
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 
 <Callout>Make sure you have `typescript` plugin and `typescript-operations` as well in your configuration:</Callout>
 
diff --git a/website/src/pages/plugins/typescript/typescript-mongodb.mdx b/website/src/pages/plugins/typescript/typescript-mongodb.mdx
index 3fad44b0ad0..dd02315ce2c 100644
--- a/website/src/pages/plugins/typescript/typescript-mongodb.mdx
+++ b/website/src/pages/plugins/typescript/typescript-mongodb.mdx
@@ -6,9 +6,9 @@ description: GraphQL Code Generator plugin for generating TypeScript types for M
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { isDev: false })
 
-<PluginHeader isDev={false} />
+<PluginHeader />
 
 <Callout type="warning">
   Don't install this plugin as `devDependency`, because you need to import the directives from it.
diff --git a/website/src/pages/plugins/typescript/typescript-msw.mdx b/website/src/pages/plugins/typescript/typescript-msw.mdx
index 711bd33e559..f6be3fd4f3c 100644
--- a/website/src/pages/plugins/typescript/typescript-msw.mdx
+++ b/website/src/pages/plugins/typescript/typescript-msw.mdx
@@ -6,9 +6,9 @@ description: TypeScript-MSW - Mock GraphQL requests with MSW.
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 
 <Callout>Make sure you have `typescript` plugin and `typescript-operations` as well in your configuration:</Callout>
 
diff --git a/website/src/pages/plugins/typescript/typescript-nhost.mdx b/website/src/pages/plugins/typescript/typescript-nhost.mdx
index 9fdbc21b54f..6ee1927dfd9 100644
--- a/website/src/pages/plugins/typescript/typescript-nhost.mdx
+++ b/website/src/pages/plugins/typescript/typescript-nhost.mdx
@@ -5,9 +5,9 @@ description: GraphQL Code Generator plugin for Nhost Typescript SDK. It generate
 
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
 
 This plugin generates the schema for the [`Typescript Nhost SDK`](https://docs.nhost.io/reference/javascript).
diff --git a/website/src/pages/plugins/typescript/typescript-oclif.mdx b/website/src/pages/plugins/typescript/typescript-oclif.mdx
index efc820b2d03..03d41791c4c 100644
--- a/website/src/pages/plugins/typescript/typescript-oclif.mdx
+++ b/website/src/pages/plugins/typescript/typescript-oclif.mdx
@@ -5,9 +5,9 @@ description: Generate a Typescript Oclif CLI. This plugin is based on the offici
 
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
 
 This plugin generates [`oclif`](https://npmjs.com/package/oclif) CLI commands.
diff --git a/website/src/pages/plugins/typescript/typescript-operations.mdx b/website/src/pages/plugins/typescript/typescript-operations.mdx
index 59c9f140e0c..7d3af01022a 100644
--- a/website/src/pages/plugins/typescript/typescript-operations.mdx
+++ b/website/src/pages/plugins/typescript/typescript-operations.mdx
@@ -5,7 +5,7 @@ description: Generate TypeScript operations from GraphQL queries. This plugin is
 
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
diff --git a/website/src/pages/plugins/typescript/typescript-react-apollo.mdx b/website/src/pages/plugins/typescript/typescript-react-apollo.mdx
index 1f1099390f2..e71f218f89e 100644
--- a/website/src/pages/plugins/typescript/typescript-react-apollo.mdx
+++ b/website/src/pages/plugins/typescript/typescript-react-apollo.mdx
@@ -6,7 +6,7 @@ description: GraphQL Code Generator plugin for TypeScript and React Apollo. Gene
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
 <Callout type="info">
 
@@ -16,7 +16,7 @@ We now recommend using the `client-preset` package for a **better developer expe
 
 </Callout>
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
 
 ## Usage Example
diff --git a/website/src/pages/plugins/typescript/typescript-react-query.mdx b/website/src/pages/plugins/typescript/typescript-react-query.mdx
index aea4f7c3793..3c3bdcab9b2 100644
--- a/website/src/pages/plugins/typescript/typescript-react-query.mdx
+++ b/website/src/pages/plugins/typescript/typescript-react-query.mdx
@@ -6,7 +6,7 @@ description: GraphQL Code Generator plugin for generating React Query hooks. Sup
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
 <Callout type="info">
 
@@ -16,7 +16,7 @@ We now recommend using the `client-preset` package for a **better developer expe
 
 </Callout>
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
 
 ## Usage Examples
diff --git a/website/src/pages/plugins/typescript/typescript-resolvers.mdx b/website/src/pages/plugins/typescript/typescript-resolvers.mdx
index d7de0b87943..e024b9e20d9 100644
--- a/website/src/pages/plugins/typescript/typescript-resolvers.mdx
+++ b/website/src/pages/plugins/typescript/typescript-resolvers.mdx
@@ -6,9 +6,9 @@ description: Generate TypeScript resolvers types. Works with graphql-tools and a
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 
 <Callout>
   Watch [Episode #26 of `graphql.wtf`](https://graphql.wtf/episodes/26-type-safe-resolvers-with-graphql-code-generator)
diff --git a/website/src/pages/plugins/typescript/typescript-rtk-query.mdx b/website/src/pages/plugins/typescript/typescript-rtk-query.mdx
index 03450c5488d..21952d2d6db 100644
--- a/website/src/pages/plugins/typescript/typescript-rtk-query.mdx
+++ b/website/src/pages/plugins/typescript/typescript-rtk-query.mdx
@@ -6,9 +6,9 @@ description: RTK Query codegen plugin for GraphQL. Generates React Hooks for Gra
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
 
 ## Usage Examples
diff --git a/website/src/pages/plugins/typescript/typescript-stencil-apollo.mdx b/website/src/pages/plugins/typescript/typescript-stencil-apollo.mdx
index a0843aed272..8b713031e00 100644
--- a/website/src/pages/plugins/typescript/typescript-stencil-apollo.mdx
+++ b/website/src/pages/plugins/typescript/typescript-stencil-apollo.mdx
@@ -5,9 +5,9 @@ description: A Stencil plugin for generating TypeScript code from GraphQL querie
 
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
 
 ## Usage Example
diff --git a/website/src/pages/plugins/typescript/typescript-urql.mdx b/website/src/pages/plugins/typescript/typescript-urql.mdx
index 2baa2e5a03e..fadc811d9f0 100644
--- a/website/src/pages/plugins/typescript/typescript-urql.mdx
+++ b/website/src/pages/plugins/typescript/typescript-urql.mdx
@@ -6,7 +6,7 @@ description: GraphQL codegen plugin for generating TypeScript code using urql. T
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
 <Callout type="info">
 
@@ -16,7 +16,7 @@ We now recommend using the `client-preset` package for a **better developer expe
 
 </Callout>
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
 
 ## Usage Example
diff --git a/website/src/pages/plugins/typescript/typescript-vue-apollo-smart-ops.mdx b/website/src/pages/plugins/typescript/typescript-vue-apollo-smart-ops.mdx
index f8945804921..89189b62791 100644
--- a/website/src/pages/plugins/typescript/typescript-vue-apollo-smart-ops.mdx
+++ b/website/src/pages/plugins/typescript/typescript-vue-apollo-smart-ops.mdx
@@ -5,9 +5,9 @@ description: A Vue plugin for Apollo GraphQL with smart operations. It generates
 
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
 
 ## Examples
diff --git a/website/src/pages/plugins/typescript/typescript-vue-apollo.mdx b/website/src/pages/plugins/typescript/typescript-vue-apollo.mdx
index 53e734fd6eb..a5294925cb5 100644
--- a/website/src/pages/plugins/typescript/typescript-vue-apollo.mdx
+++ b/website/src/pages/plugins/typescript/typescript-vue-apollo.mdx
@@ -6,7 +6,7 @@ description: GraphQL Code Generator plugin for Vue Apollo. It generates Vue Apol
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
 <Callout type="info">
 
@@ -16,7 +16,7 @@ We now recommend using the `client-preset` package for a **better developer expe
 
 </Callout>
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 
 <PluginApiDocs />
 
diff --git a/website/src/pages/plugins/typescript/typescript-vue-urql.mdx b/website/src/pages/plugins/typescript/typescript-vue-urql.mdx
index 5e21cec4bb4..29d8f5d3508 100644
--- a/website/src/pages/plugins/typescript/typescript-vue-urql.mdx
+++ b/website/src/pages/plugins/typescript/typescript-vue-urql.mdx
@@ -6,7 +6,7 @@ description: GraphQL Code Generator plugin for Vue.js and urql. It generates Vue
 import { Callout } from '@theguild/components'
 import { PluginApiDocs, PluginHeader } from '@/components/plugin'
 import { pluginGetStaticProps } from '@/lib/plugin-get-static-props'
-export const getStaticProps = pluginGetStaticProps(__filename)
+export const getStaticProps = pluginGetStaticProps(__filename, { hasOperationsNote: true })
 
 <Callout type="info">
 
@@ -16,7 +16,7 @@ We now recommend using the `client-preset` package for a **better developer expe
 
 </Callout>
 
-<PluginHeader hasOperationsNote />
+<PluginHeader />
 <PluginApiDocs />
 
 ## Usage Example
diff --git a/website/theme.config.tsx b/website/theme.config.tsx
index c1e049975ba..5a2fa0919b9 100644
--- a/website/theme.config.tsx
+++ b/website/theme.config.tsx
@@ -2,9 +2,14 @@
 /* eslint sort-keys: error */
 import { useRouter } from 'next/router';
 import { defineConfig, Giscus, useTheme } from '@theguild/components';
+import { Search } from './src/components/Search';
 
 export default defineConfig({
   docsRepositoryBase: 'https://github.com/dotansimha/graphql-code-generator/tree/master/website',
+  search: {
+    component: Search,
+  },
+
   main({ children }) {
     const { resolvedTheme } = useTheme();
     const { route } = useRouter();
diff --git a/yarn.lock b/yarn.lock
index 952afd6c502..4f748ae5e9a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,11 @@
 # yarn lockfile v1
 
 
+"@0no-co/graphql.web@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@0no-co/graphql.web/-/graphql.web-1.0.1.tgz#db3da0d2cd41548b50f0583c0d2f4743c767e56b"
+  integrity sha512-6Yaxyv6rOwRkLIvFaL0NrLDgfNqC/Ng9QOPmTmlqW4mORXMEKmh5NYGkIvvt5Yw8fZesnMAqkj8cIqTj8f40cQ==
+
 "@algolia/autocomplete-core@1.9.2":
   version "1.9.2"
   resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.9.2.tgz#1c9ffcfac7fc4733fe97356247b25d9d7a83538c"
@@ -55,114 +60,114 @@
   resolved "https://registry.yarnpkg.com/@algolia/autocomplete-theme-classic/-/autocomplete-theme-classic-1.9.2.tgz#b04ce32d6994d885391b125d1adb5828514edfcb"
   integrity sha512-3yjFogH3p08Lo1aqjrIp71o/YqLNJivHtZJlZ32jZ7sC/p4Q7bte1GKvDoLloU+oWPyv+4awsl6EdnW4mfIAVQ==
 
-"@algolia/cache-browser-local-storage@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.17.0.tgz#4c54a9b1795dcc1cd9f9533144f7df3057984d39"
-  integrity sha512-myRSRZDIMYB8uCkO+lb40YKiYHi0fjpWRtJpR/dgkaiBlSD0plRyB6lLOh1XIfmMcSeBOqDE7y9m8xZMrXYfyQ==
+"@algolia/cache-browser-local-storage@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.17.1.tgz#b2f204a436893b4856165670ec4dda12cdc055b8"
+  integrity sha512-e91Jpu93X3t3mVdQwF3ZDjSFMFIfzSc+I76G4EX8nl9RYXgqcjframoL05VTjcD2YCsI18RIHAWVCBoCXVZnrw==
   dependencies:
-    "@algolia/cache-common" "4.17.0"
+    "@algolia/cache-common" "4.17.1"
 
-"@algolia/cache-common@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-common/-/cache-common-4.17.0.tgz#bc3da15548df585b44d76c55e66b0056a2b3f917"
-  integrity sha512-g8mXzkrcUBIPZaulAuqE7xyHhLAYAcF2xSch7d9dABheybaU3U91LjBX6eJTEB7XVhEsgK4Smi27vWtAJRhIKQ==
+"@algolia/cache-common@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-common/-/cache-common-4.17.1.tgz#f4877f6fdc594a29ce6d032fae96f0517bf80b1d"
+  integrity sha512-fvi1WT8aSiGAKrcTw8Qg3RYgcwW8GZMHcqEm4AyDBEy72JZlFBSY80cTQ75MslINjCHXLDT+9EN8AGI9WVY7uA==
 
-"@algolia/cache-in-memory@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/cache-in-memory/-/cache-in-memory-4.17.0.tgz#eb55a92cb8eb8641903a2b23fd6d05ebdaca2010"
-  integrity sha512-PT32ciC/xI8z919d0oknWVu3kMfTlhQn3MKxDln3pkn+yA7F7xrxSALysxquv+MhFfNAcrtQ/oVvQVBAQSHtdw==
+"@algolia/cache-in-memory@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/cache-in-memory/-/cache-in-memory-4.17.1.tgz#7b3ab5f6de897677d92db549f8228966c62966d5"
+  integrity sha512-NbBt6eBWlsXc5geSpfPRC5dkIB/0Ptthw8r0yM5Z7D3sPlYdnTZSO9y9XWXIptRMwmZe4cM8iBMN8y0tzbcBkA==
   dependencies:
-    "@algolia/cache-common" "4.17.0"
+    "@algolia/cache-common" "4.17.1"
 
-"@algolia/client-account@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-account/-/client-account-4.17.0.tgz#4b13e5a8e50a06be1f3289d9db337096ebc66b73"
-  integrity sha512-sSEHx9GA6m7wrlsSMNBGfyzlIfDT2fkz2u7jqfCCd6JEEwmxt8emGmxAU/0qBfbhRSuGvzojoLJlr83BSZAKjA==
+"@algolia/client-account@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/client-account/-/client-account-4.17.1.tgz#81747c0828d2688af4a98bbed3d3b0aa7daa25f6"
+  integrity sha512-3rL/6ofJvyL+q8TiWM3qoM9tig+SY4gB1Vbsj+UeJPnJm8Khm+7OS+r+mFraqR6pTehYqN8yGYoE7x4diEn4aA==
   dependencies:
-    "@algolia/client-common" "4.17.0"
-    "@algolia/client-search" "4.17.0"
-    "@algolia/transporter" "4.17.0"
+    "@algolia/client-common" "4.17.1"
+    "@algolia/client-search" "4.17.1"
+    "@algolia/transporter" "4.17.1"
 
-"@algolia/client-analytics@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-4.17.0.tgz#1b36ffbe913b7b4d8900bc15982ca431f47a473c"
-  integrity sha512-84ooP8QA3mQ958hQ9wozk7hFUbAO+81CX1CjAuerxBqjKIInh1fOhXKTaku05O/GHBvcfExpPLIQuSuLYziBXQ==
+"@algolia/client-analytics@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-4.17.1.tgz#d6ecc75fd792fb1dee67c01497098ce175f1c4c9"
+  integrity sha512-Bepr2w249vODqeBtM7i++tPmUsQ9B81aupUGbDWmjA/FX+jzQqOdhW8w1CFO5kWViNKTbz2WBIJ9U3x8hOa4bA==
   dependencies:
-    "@algolia/client-common" "4.17.0"
-    "@algolia/client-search" "4.17.0"
-    "@algolia/requester-common" "4.17.0"
-    "@algolia/transporter" "4.17.0"
+    "@algolia/client-common" "4.17.1"
+    "@algolia/client-search" "4.17.1"
+    "@algolia/requester-common" "4.17.1"
+    "@algolia/transporter" "4.17.1"
 
-"@algolia/client-common@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-4.17.0.tgz#67fd898006e3ac359ea3e3ed61abfc26147ffa53"
-  integrity sha512-jHMks0ZFicf8nRDn6ma8DNNsdwGgP/NKiAAL9z6rS7CymJ7L0+QqTJl3rYxRW7TmBhsUH40wqzmrG6aMIN/DrQ==
+"@algolia/client-common@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-4.17.1.tgz#a8b561c1e3a19cce2c24e9a49bd822477c2f56d9"
+  integrity sha512-+r7kg4EgbFnGsDnoGSVNtXZO8xvZ0vzf1WAOV7sqV9PMf1bp6cpJP/3IuPrSk4t5w2KVl+pC8jfTM7HcFlfBEQ==
   dependencies:
-    "@algolia/requester-common" "4.17.0"
-    "@algolia/transporter" "4.17.0"
+    "@algolia/requester-common" "4.17.1"
+    "@algolia/transporter" "4.17.1"
 
-"@algolia/client-personalization@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-4.17.0.tgz#428d9f4762c22856b6062bb54351eb31834db6c1"
-  integrity sha512-RMzN4dZLIta1YuwT7QC9o+OeGz2cU6eTOlGNE/6RcUBLOU3l9tkCOdln5dPE2jp8GZXPl2yk54b2nSs1+pAjqw==
+"@algolia/client-personalization@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-4.17.1.tgz#26b2c8e13e9b69afd4e2c17879f538d408b708f3"
+  integrity sha512-gJku9DG/THJpfsSlG/az0a3QIn+VVff9kKh8PG8+7ZfxOHS+C+Y5YSeZVsC+c2cfoKLPo3CuHIiJ/p86erR3bA==
   dependencies:
-    "@algolia/client-common" "4.17.0"
-    "@algolia/requester-common" "4.17.0"
-    "@algolia/transporter" "4.17.0"
+    "@algolia/client-common" "4.17.1"
+    "@algolia/requester-common" "4.17.1"
+    "@algolia/transporter" "4.17.1"
 
-"@algolia/client-search@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-4.17.0.tgz#0053c682f5f588e006c20791c27e8bcb0aa5b53c"
-  integrity sha512-x4P2wKrrRIXszT8gb7eWsMHNNHAJs0wE7/uqbufm4tZenAp+hwU/hq5KVsY50v+PfwM0LcDwwn/1DroujsTFoA==
+"@algolia/client-search@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-4.17.1.tgz#defaf56083e613fb593a9a49837b6aa551ed38eb"
+  integrity sha512-Q5YfT5gVkx60PZDQBqp/zH9aUbBdC7HVvxupiHUgnCKqRQsRZjOhLest7AI6FahepuZLBZS62COrO7v+JvKY7w==
   dependencies:
-    "@algolia/client-common" "4.17.0"
-    "@algolia/requester-common" "4.17.0"
-    "@algolia/transporter" "4.17.0"
+    "@algolia/client-common" "4.17.1"
+    "@algolia/requester-common" "4.17.1"
+    "@algolia/transporter" "4.17.1"
 
 "@algolia/events@^4.0.1":
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/@algolia/events/-/events-4.0.1.tgz#fd39e7477e7bc703d7f893b556f676c032af3950"
   integrity sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ==
 
-"@algolia/logger-common@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/logger-common/-/logger-common-4.17.0.tgz#0fcea39c9485554edb4cdbfd965c5748b0b837ac"
-  integrity sha512-DGuoZqpTmIKJFDeyAJ7M8E/LOenIjWiOsg1XJ1OqAU/eofp49JfqXxbfgctlVZVmDABIyOz8LqEoJ6ZP4DTyvw==
+"@algolia/logger-common@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/logger-common/-/logger-common-4.17.1.tgz#fe50f67a86276cebdfd8337bc5d925f7a3bf9e43"
+  integrity sha512-Us28Ot+fLEmX9M96sa65VZ8EyEEzhYPxfhV9aQyKDjfXbUdJlJxKt6wZpoEg9RAPSdO8IjK9nmuW2P8au3rRsg==
 
-"@algolia/logger-console@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/logger-console/-/logger-console-4.17.0.tgz#8ac56ef4259c4fa3eb9eb6586c7b4b4ed942e8da"
-  integrity sha512-zMPvugQV/gbXUvWBCzihw6m7oxIKp48w37QBIUu/XqQQfxhjoOE9xyfJr1KldUt5FrYOKZJVsJaEjTsu+bIgQg==
+"@algolia/logger-console@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/logger-console/-/logger-console-4.17.1.tgz#d9d6dc0bb6ad1321b66163491cc4618d27beb73d"
+  integrity sha512-iKGQTpOjHiE64W3JIOu6dmDvn+AfYIElI9jf/Nt6umRPmP/JI9rK+OHUoW4pKrBtdG0DPd62ppeNXzSnLxY6/g==
   dependencies:
-    "@algolia/logger-common" "4.17.0"
+    "@algolia/logger-common" "4.17.1"
 
-"@algolia/requester-browser-xhr@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.17.0.tgz#f52fdeeac2f3c531f00838920af33a73066a159b"
-  integrity sha512-aSOX/smauyTkP21Pf52pJ1O2LmNFJ5iHRIzEeTh0mwBeADO4GdG94cAWDILFA9rNblq/nK3EDh3+UyHHjplZ1A==
+"@algolia/requester-browser-xhr@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.17.1.tgz#8be50e4196cd9d1ec311970845a42f2aee35860e"
+  integrity sha512-W5mGfGDsyfVR+r4pUFrYLGBEM18gs38+GNt5PE5uPULy4uVTSnnVSkJkWeRkmLBk9zEZ/Nld8m4zavK6dtEuYg==
   dependencies:
-    "@algolia/requester-common" "4.17.0"
+    "@algolia/requester-common" "4.17.1"
 
-"@algolia/requester-common@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-common/-/requester-common-4.17.0.tgz#746020d2cbc829213e7cede8eef2182c7a71e32b"
-  integrity sha512-XJjmWFEUlHu0ijvcHBoixuXfEoiRUdyzQM6YwTuB8usJNIgShua8ouFlRWF8iCeag0vZZiUm4S2WCVBPkdxFgg==
+"@algolia/requester-common@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-common/-/requester-common-4.17.1.tgz#3b3912c8df1e05f0fd49f4c9a7caa3fe45d2d995"
+  integrity sha512-HggXdjvVFQR0I5l7hM5WdHgQ1tqcRWeyXZz8apQ7zPWZhirmY2E9D6LVhDh/UnWQNEm7nBtM+eMFONJ3bZccIQ==
 
-"@algolia/requester-node-http@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-4.17.0.tgz#262276d94c25a4ec2128b1bdfb9471529528d8b9"
-  integrity sha512-bpb/wDA1aC6WxxM8v7TsFspB7yBN3nqCGs2H1OADolQR/hiAIjAxusbuMxVbRFOdaUvAIqioIIkWvZdpYNIn8w==
+"@algolia/requester-node-http@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-4.17.1.tgz#f4eeee985833ad2b51ac9ff757be5c1a786ff80a"
+  integrity sha512-NzFWecXT6d0PPsQY9L+/qoK2deF74OLcpvqCH+Vh3mh+QzPsFafcBExdguAjZsAWDn1R6JEeFW7/fo/p0SE57w==
   dependencies:
-    "@algolia/requester-common" "4.17.0"
+    "@algolia/requester-common" "4.17.1"
 
-"@algolia/transporter@4.17.0":
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/transporter/-/transporter-4.17.0.tgz#6aabdbc20c475d72d83c8e6519f1191f1a51fb37"
-  integrity sha512-6xL6H6fe+Fi0AEP3ziSgC+G04RK37iRb4uUUqVAH9WPYFI8g+LYFq6iv5HS8Cbuc5TTut+Bwj6G+dh/asdb9uA==
+"@algolia/transporter@4.17.1":
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/@algolia/transporter/-/transporter-4.17.1.tgz#9508e08e984e110603ec66a19362017c1df59e05"
+  integrity sha512-ZM+qhX47Vh46mWH8/U9ihvy98HdTYpYQDSlqBD7IbiUbbyoCMke+qmdSX2MGhR2FCcXBSxejsJKKVAfbpaLVgg==
   dependencies:
-    "@algolia/cache-common" "4.17.0"
-    "@algolia/logger-common" "4.17.0"
-    "@algolia/requester-common" "4.17.0"
+    "@algolia/cache-common" "4.17.1"
+    "@algolia/logger-common" "4.17.1"
+    "@algolia/requester-common" "4.17.1"
 
 "@ampproject/remapping@^2.2.0":
   version "2.2.0"
@@ -1223,7 +1228,7 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@braintree/sanitize-url@^6.0.0":
+"@braintree/sanitize-url@^6.0.2":
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.2.tgz#6110f918d273fe2af8ea1c4398a88774bb9fc12f"
   integrity sha512-Tbsj02wXCbqGmzdnXNk0SOF19ChhRU70BsroIi4Pm6Ehp56in6vch94mfbdQ17DozxkL3BAVjbZ4Qc1a0HFRAg==
@@ -2009,6 +2014,18 @@
     lodash "~4.17.0"
     tslib "~2.4.0"
 
+"@graphql-codegen/plugin-helpers@^4.0.0", "@graphql-codegen/plugin-helpers@^4.1.0", "@graphql-codegen/plugin-helpers@^4.2.0":
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/@graphql-codegen/plugin-helpers/-/plugin-helpers-4.2.0.tgz#8324914d0f99162a223cfa01796cdd6be972d2ae"
+  integrity sha512-THFTCfg+46PXlXobYJ/OoCX6pzjI+9woQqCjdyKtgoI0tn3Xq2HUUCiidndxUpEYVrXb5pRiRXb7b/ZbMQqD0A==
+  dependencies:
+    "@graphql-tools/utils" "^9.0.0"
+    change-case-all "1.0.15"
+    common-tags "1.8.2"
+    import-from "4.0.0"
+    lodash "~4.17.0"
+    tslib "~2.5.0"
+
 "@graphql-codegen/schema-ast@^2.5.0", "@graphql-codegen/schema-ast@^2.6.1":
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/@graphql-codegen/schema-ast/-/schema-ast-2.6.1.tgz#8ba1b38827c034b51ecd3ce88622c2ae6cd3fe1a"
@@ -2018,6 +2035,15 @@
     "@graphql-tools/utils" "^9.0.0"
     tslib "~2.4.0"
 
+"@graphql-codegen/schema-ast@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@graphql-codegen/schema-ast/-/schema-ast-3.0.1.tgz#37b458bb57b95715a9eb4259341c856dae2a461d"
+  integrity sha512-rTKTi4XiW4QFZnrEqetpiYEWVsOFNoiR/v3rY9mFSttXFbIwNXPme32EspTiGWmEEdHY8UuTDtZN3vEcs/31zw==
+  dependencies:
+    "@graphql-codegen/plugin-helpers" "^4.1.0"
+    "@graphql-tools/utils" "^9.0.0"
+    tslib "~2.5.0"
+
 "@graphql-codegen/typescript-apollo-angular@3.5.6":
   version "3.5.6"
   resolved "https://registry.yarnpkg.com/@graphql-codegen/typescript-apollo-angular/-/typescript-apollo-angular-3.5.6.tgz#0e84eb4b4160baf944b03f00e655e4c05f44d1af"
@@ -2212,6 +2238,17 @@
     auto-bind "~4.0.0"
     tslib "~2.4.0"
 
+"@graphql-codegen/typescript@^3.0.0":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@graphql-codegen/typescript/-/typescript-3.0.4.tgz#e12dc106a2722ebc7d18556980ccf47fa9d0805f"
+  integrity sha512-x4O47447DZrWNtE/l5CU9QzzW4m1RbmCEdijlA3s2flG/y1Ckqdemob4CWfilSm5/tZ3w1junVDY616RDTSvZw==
+  dependencies:
+    "@graphql-codegen/plugin-helpers" "^4.2.0"
+    "@graphql-codegen/schema-ast" "^3.0.1"
+    "@graphql-codegen/visitor-plugin-common" "3.1.1"
+    auto-bind "~4.0.0"
+    tslib "~2.5.0"
+
 "@graphql-codegen/urql-introspection@2.2.1":
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/@graphql-codegen/urql-introspection/-/urql-introspection-2.2.1.tgz#97baaf09bf91b044a21dd6715af22e0ba6d829ec"
@@ -2269,6 +2306,22 @@
     parse-filepath "^1.0.2"
     tslib "~2.4.0"
 
+"@graphql-codegen/visitor-plugin-common@3.1.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@graphql-codegen/visitor-plugin-common/-/visitor-plugin-common-3.1.1.tgz#50c2aa3c537a805ce68d2f115d0a9811b151428c"
+  integrity sha512-uAfp+zu/009R3HUAuTK2AamR1bxIltM6rrYYI6EXSmkM3rFtFsLTuJhjUDj98HcUCszJZrADppz8KKLGRUVlNg==
+  dependencies:
+    "@graphql-codegen/plugin-helpers" "^4.2.0"
+    "@graphql-tools/optimize" "^1.3.0"
+    "@graphql-tools/relay-operation-optimizer" "^6.5.0"
+    "@graphql-tools/utils" "^9.0.0"
+    auto-bind "~4.0.0"
+    change-case-all "1.0.15"
+    dependency-graph "^0.11.0"
+    graphql-tag "^2.11.0"
+    parse-filepath "^1.0.2"
+    tslib "~2.5.0"
+
 "@graphql-tools/apollo-engine-loader@8.0.0", "@graphql-tools/apollo-engine-loader@^8.0.0":
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/@graphql-tools/apollo-engine-loader/-/apollo-engine-loader-8.0.0.tgz#ac1f351cbe41508411784f25757f5557b0f27489"
@@ -3147,6 +3200,13 @@
     "@types/mdx" "^2.0.0"
     "@types/react" ">=16"
 
+"@mendable/search@0.0.108":
+  version "0.0.108"
+  resolved "https://registry.yarnpkg.com/@mendable/search/-/search-0.0.108.tgz#248d0e932c39a6db12bb834d4c01d74a5e3972cf"
+  integrity sha512-TsnbH9Fz93YKIYpaGpYW8GzkYOC4FINxRbMZwZU3mr7cl23yQHzk9ghD0vATh7BtjfcrDiq9FlXtwBO2VVukig==
+  dependencies:
+    posthog-js "^1.45.1"
+
 "@monaco-editor/loader@^1.3.3":
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/@monaco-editor/loader/-/loader-1.3.3.tgz#7f1742bd3cc21c0362a46a4056317f6e5215cfca"
@@ -3154,10 +3214,10 @@
   dependencies:
     state-local "^1.0.6"
 
-"@monaco-editor/react@4.5.0":
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/@monaco-editor/react/-/react-4.5.0.tgz#5a581f1ce5af6597dd127ac2c0d22d15ca3f3928"
-  integrity sha512-VJMkp5Fe1+w8pLEq8tZPHZKu8zDXQIA1FtiDTSNccg1D3wg1YIZaH2es2Qpvop1k62g3c/YySRb3bnGXu2XwYQ==
+"@monaco-editor/react@4.5.1":
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/@monaco-editor/react/-/react-4.5.1.tgz#fbc76c692aee9a33b9ab24ae0c5f219b8f002fdb"
+  integrity sha512-NNDFdP+2HojtNhCkRfE6/D6ro6pBNihaOzMbGK84lNWzRu+CfBjwzGt4jmnqimLuqp5yE5viHS2vi+QOAnD5FQ==
   dependencies:
     "@monaco-editor/loader" "^1.3.3"
 
@@ -3377,155 +3437,155 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.6.tgz#cee20bd55e68a1720bdab363ecf0c821ded4cd45"
   integrity sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==
 
-"@radix-ui/primitive@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.0.0.tgz#e1d8ef30b10ea10e69c76e896f608d9276352253"
-  integrity sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==
+"@radix-ui/primitive@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.0.1.tgz#e46f9958b35d10e9f6dc71c497305c22e3e55dbd"
+  integrity sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==
   dependencies:
     "@babel/runtime" "^7.13.10"
 
-"@radix-ui/react-collection@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-collection/-/react-collection-1.0.2.tgz#d50da00bfa2ac14585319efdbbb081d4c5a29a97"
-  integrity sha512-s8WdQQ6wNXpaxdZ308KSr8fEWGrg4un8i4r/w7fhiS4ElRNjk5rRcl0/C6TANG2LvLOGIxtzo/jAg6Qf73TEBw==
+"@radix-ui/react-collection@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-collection/-/react-collection-1.0.3.tgz#9595a66e09026187524a36c6e7e9c7d286469159"
+  integrity sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.0"
-    "@radix-ui/react-context" "1.0.0"
-    "@radix-ui/react-primitive" "1.0.2"
-    "@radix-ui/react-slot" "1.0.1"
+    "@radix-ui/react-compose-refs" "1.0.1"
+    "@radix-ui/react-context" "1.0.1"
+    "@radix-ui/react-primitive" "1.0.3"
+    "@radix-ui/react-slot" "1.0.2"
 
-"@radix-ui/react-compose-refs@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz#37595b1f16ec7f228d698590e78eeed18ff218ae"
-  integrity sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==
+"@radix-ui/react-compose-refs@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz#7ed868b66946aa6030e580b1ffca386dd4d21989"
+  integrity sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==
   dependencies:
     "@babel/runtime" "^7.13.10"
 
-"@radix-ui/react-context@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.0.0.tgz#f38e30c5859a9fb5e9aa9a9da452ee3ed9e0aee0"
-  integrity sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==
+"@radix-ui/react-context@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.0.1.tgz#fe46e67c96b240de59187dcb7a1a50ce3e2ec00c"
+  integrity sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==
   dependencies:
     "@babel/runtime" "^7.13.10"
 
-"@radix-ui/react-direction@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-direction/-/react-direction-1.0.0.tgz#a2e0b552352459ecf96342c79949dd833c1e6e45"
-  integrity sha512-2HV05lGUgYcA6xgLQ4BKPDmtL+QbIZYH5fCOTAOOcJ5O0QbWS3i9lKaurLzliYUDhORI2Qr3pyjhJh44lKA3rQ==
+"@radix-ui/react-direction@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-direction/-/react-direction-1.0.1.tgz#9cb61bf2ccf568f3421422d182637b7f47596c9b"
+  integrity sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==
   dependencies:
     "@babel/runtime" "^7.13.10"
 
-"@radix-ui/react-dismissable-layer@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.3.tgz#63844d8e6bbcd010a513e7176d051c3c4044e09e"
-  integrity sha512-nXZOvFjOuHS1ovumntGV7NNoLaEp9JEvTht3MBjP44NSW5hUKj/8OnfN3+8WmB+CEhN44XaGhpHoSsUIEl5P7Q==
+"@radix-ui/react-dismissable-layer@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.4.tgz#883a48f5f938fa679427aa17fcba70c5494c6978"
+  integrity sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/primitive" "1.0.0"
-    "@radix-ui/react-compose-refs" "1.0.0"
-    "@radix-ui/react-primitive" "1.0.2"
-    "@radix-ui/react-use-callback-ref" "1.0.0"
-    "@radix-ui/react-use-escape-keydown" "1.0.2"
+    "@radix-ui/primitive" "1.0.1"
+    "@radix-ui/react-compose-refs" "1.0.1"
+    "@radix-ui/react-primitive" "1.0.3"
+    "@radix-ui/react-use-callback-ref" "1.0.1"
+    "@radix-ui/react-use-escape-keydown" "1.0.3"
 
-"@radix-ui/react-id@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.0.0.tgz#8d43224910741870a45a8c9d092f25887bb6d11e"
-  integrity sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==
+"@radix-ui/react-id@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.0.1.tgz#73cdc181f650e4df24f0b6a5b7aa426b912c88c0"
+  integrity sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-layout-effect" "1.0.0"
+    "@radix-ui/react-use-layout-effect" "1.0.1"
 
-"@radix-ui/react-navigation-menu@1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.1.2.tgz#ca5ee35ddbc4e57a9403be92f9573435173e35c8"
-  integrity sha512-1fSjOAGTThYSgJ5pENG2V8we7+6KDbfbiyt66HmLTeo0W3PAmmciclm0o97VlcVZW7q5Vg2hN7Cbj4XKo5u2sw==
+"@radix-ui/react-navigation-menu@1.1.3":
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.1.3.tgz#4b0f078226971b56b0fe2a9e4dde3cc2abfa731f"
+  integrity sha512-x4Uv0N47ABx3/frJazYXxvMpZeKJe0qmRIgQ2o3lhTqnTVg+CaZfVVO4nQLn3QJcDkTz8icElKffhFng47XIBA==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/primitive" "1.0.0"
-    "@radix-ui/react-collection" "1.0.2"
-    "@radix-ui/react-compose-refs" "1.0.0"
-    "@radix-ui/react-context" "1.0.0"
-    "@radix-ui/react-direction" "1.0.0"
-    "@radix-ui/react-dismissable-layer" "1.0.3"
-    "@radix-ui/react-id" "1.0.0"
-    "@radix-ui/react-presence" "1.0.0"
-    "@radix-ui/react-primitive" "1.0.2"
-    "@radix-ui/react-use-callback-ref" "1.0.0"
-    "@radix-ui/react-use-controllable-state" "1.0.0"
-    "@radix-ui/react-use-layout-effect" "1.0.0"
-    "@radix-ui/react-use-previous" "1.0.0"
-    "@radix-ui/react-visually-hidden" "1.0.2"
-
-"@radix-ui/react-presence@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.0.0.tgz#814fe46df11f9a468808a6010e3f3ca7e0b2e84a"
-  integrity sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==
+    "@radix-ui/primitive" "1.0.1"
+    "@radix-ui/react-collection" "1.0.3"
+    "@radix-ui/react-compose-refs" "1.0.1"
+    "@radix-ui/react-context" "1.0.1"
+    "@radix-ui/react-direction" "1.0.1"
+    "@radix-ui/react-dismissable-layer" "1.0.4"
+    "@radix-ui/react-id" "1.0.1"
+    "@radix-ui/react-presence" "1.0.1"
+    "@radix-ui/react-primitive" "1.0.3"
+    "@radix-ui/react-use-callback-ref" "1.0.1"
+    "@radix-ui/react-use-controllable-state" "1.0.1"
+    "@radix-ui/react-use-layout-effect" "1.0.1"
+    "@radix-ui/react-use-previous" "1.0.1"
+    "@radix-ui/react-visually-hidden" "1.0.3"
+
+"@radix-ui/react-presence@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.0.1.tgz#491990ba913b8e2a5db1b06b203cb24b5cdef9ba"
+  integrity sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.0"
-    "@radix-ui/react-use-layout-effect" "1.0.0"
+    "@radix-ui/react-compose-refs" "1.0.1"
+    "@radix-ui/react-use-layout-effect" "1.0.1"
 
-"@radix-ui/react-primitive@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-1.0.2.tgz#54e22f49ca59ba88d8143090276d50b93f8a7053"
-  integrity sha512-zY6G5Qq4R8diFPNwtyoLRZBxzu1Z+SXMlfYpChN7Dv8gvmx9X3qhDqiLWvKseKVJMuedFeU/Sa0Sy/Ia+t06Dw==
+"@radix-ui/react-primitive@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz#d49ea0f3f0b2fe3ab1cb5667eb03e8b843b914d0"
+  integrity sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-slot" "1.0.1"
+    "@radix-ui/react-slot" "1.0.2"
 
-"@radix-ui/react-slot@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.0.1.tgz#e7868c669c974d649070e9ecbec0b367ee0b4d81"
-  integrity sha512-avutXAFL1ehGvAXtPquu0YK5oz6ctS474iM3vNGQIkswrVhdrS52e3uoMQBzZhNRAIE0jBnUyXWNmSjGHhCFcw==
+"@radix-ui/react-slot@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.0.2.tgz#a9ff4423eade67f501ffb32ec22064bc9d3099ab"
+  integrity sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-compose-refs" "1.0.1"
 
-"@radix-ui/react-use-callback-ref@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz#9e7b8b6b4946fe3cbe8f748c82a2cce54e7b6a90"
-  integrity sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==
+"@radix-ui/react-use-callback-ref@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz#f4bb1f27f2023c984e6534317ebc411fc181107a"
+  integrity sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==
   dependencies:
     "@babel/runtime" "^7.13.10"
 
-"@radix-ui/react-use-controllable-state@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.0.tgz#a64deaafbbc52d5d407afaa22d493d687c538b7f"
-  integrity sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==
+"@radix-ui/react-use-controllable-state@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz#ecd2ced34e6330caf89a82854aa2f77e07440286"
+  integrity sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-callback-ref" "1.0.0"
+    "@radix-ui/react-use-callback-ref" "1.0.1"
 
-"@radix-ui/react-use-escape-keydown@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.2.tgz#09ab6455ab240b4f0a61faf06d4e5132c4d639f6"
-  integrity sha512-DXGim3x74WgUv+iMNCF+cAo8xUHHeqvjx8zs7trKf+FkQKPQXLk2sX7Gx1ysH7Q76xCpZuxIJE7HLPxRE+Q+GA==
+"@radix-ui/react-use-escape-keydown@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz#217b840c250541609c66f67ed7bab2b733620755"
+  integrity sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-callback-ref" "1.0.0"
+    "@radix-ui/react-use-callback-ref" "1.0.1"
 
-"@radix-ui/react-use-layout-effect@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz#2fc19e97223a81de64cd3ba1dc42ceffd82374dc"
-  integrity sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==
+"@radix-ui/react-use-layout-effect@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz#be8c7bc809b0c8934acf6657b577daf948a75399"
+  integrity sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==
   dependencies:
     "@babel/runtime" "^7.13.10"
 
-"@radix-ui/react-use-previous@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-previous/-/react-use-previous-1.0.0.tgz#e48a69c3a7d8078a967084038df66d0d181c56ac"
-  integrity sha512-RG2K8z/K7InnOKpq6YLDmT49HGjNmrK+fr82UCVKT2sW0GYfVnYp4wZWBooT/EYfQ5faA9uIjvsuMMhH61rheg==
+"@radix-ui/react-use-previous@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-previous/-/react-use-previous-1.0.1.tgz#b595c087b07317a4f143696c6a01de43b0d0ec66"
+  integrity sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==
   dependencies:
     "@babel/runtime" "^7.13.10"
 
-"@radix-ui/react-visually-hidden@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.2.tgz#29b117a59ef09a984bdad12cb98d81e8350be450"
-  integrity sha512-qirnJxtYn73HEk1rXL12/mXnu2rwsNHDID10th2JGtdK25T9wX+mxRmGt7iPSahw512GbZOc0syZX1nLQGoEOg==
+"@radix-ui/react-visually-hidden@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.3.tgz#51aed9dd0fe5abcad7dee2a234ad36106a6984ac"
+  integrity sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-primitive" "1.0.2"
+    "@radix-ui/react-primitive" "1.0.3"
 
 "@repeaterjs/repeater@3.0.4", "@repeaterjs/repeater@^3.0.4":
   version "3.0.4"
@@ -3646,17 +3706,17 @@
   dependencies:
     tslib "^2.4.0"
 
-"@tanstack/query-core@4.29.1":
-  version "4.29.1"
-  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-4.29.1.tgz#62a4bc120b85e6bb3c6c0aca96346e643e232248"
-  integrity sha512-vkPewLEG8ua0efo3SsVT0BcBtkq5RZX8oPhDAyKL+k/rdOYSQTEocfGEXSaBwIwsXeOGBUpfKqI+UmHvNqdWXg==
+"@tanstack/query-core@4.29.11":
+  version "4.29.11"
+  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-4.29.11.tgz#fa338f7d6897c6be5de6d8dabd603d9b78ee48c7"
+  integrity sha512-8C+hF6SFAb/TlFZyS9FItgNwrw4PMa7YeX+KQYe2ZAiEz6uzg6yIr+QBzPkUwZ/L0bXvGd1sufTm3wotoz+GwQ==
 
-"@tanstack/react-query@4.29.3":
-  version "4.29.3"
-  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-4.29.3.tgz#037205560784ed4a5e3fd605a2143e325b6189fa"
-  integrity sha512-FPQrMu7PbCgBcVzoRJm7WmQnAFv+LUgZM9KBZ7Vk/+yERH2BDLvQRuAgczQd5Tb1s3HbOktECRDaOkUxdyBAjw==
+"@tanstack/react-query@4.29.11":
+  version "4.29.11"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-4.29.11.tgz#053bd6e9d63ce07a523976263ae78a5e130eb2ad"
+  integrity sha512-aLaOAhBnCr12YKPjDsZOc0fAtkyaW7f9KfVfw49oYpfe0H9EPXBUgDBIKJ8qdHF3uGzTVSMcmpiw1Za41BLZlw==
   dependencies:
-    "@tanstack/query-core" "4.29.1"
+    "@tanstack/query-core" "4.29.11"
     use-sync-external-store "^1.2.0"
 
 "@theguild/algolia@1.1.7":
@@ -3672,10 +3732,10 @@
     lodash.sortby "^4.7.0"
     remove-markdown "^0.5.0"
 
-"@theguild/components@4.5.12":
-  version "4.5.12"
-  resolved "https://registry.yarnpkg.com/@theguild/components/-/components-4.5.12.tgz#a4d4481b1b3ddca7ebc021504936ebc465a93c01"
-  integrity sha512-LcRvfriNw+ft4ufUa8vXGlhplGcqn9DZ61mNeoj4v5WqoaCN8XIxOLiuYB5caPOr/iwYc3U2rQ/tz6nRQJv59g==
+"@theguild/components@5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@theguild/components/-/components-5.0.0.tgz#ac631f42ce042686a6a75e7aa46eac579255484a"
+  integrity sha512-DyFuxkuFSCHkfof48WbYe8Ak3OAxVBDAlZ9OBLlshmyEaBCg5ymfroTlyP0yCl6sXzaNnAspIG8Ql+ZeYnpLQg==
   dependencies:
     "@algolia/autocomplete-js" "1.9.2"
     "@algolia/autocomplete-plugin-algolia-insights" "1.9.2"
@@ -3683,22 +3743,21 @@
     "@algolia/autocomplete-theme-classic" "1.9.2"
     "@giscus/react" "2.2.8"
     "@next/bundle-analyzer" "13.4.2"
-    "@radix-ui/react-navigation-menu" "1.1.2"
-    algoliasearch "4.17.0"
+    "@radix-ui/react-navigation-menu" "1.1.3"
+    "@theguild/remark-npm2yarn" "0.0.1"
+    algoliasearch "4.17.1"
     clsx "1.2.1"
-    focus-trap-react "10.1.2"
+    focus-trap-react "10.1.4"
     fuzzy "^0.1.3"
-    mermaid "10.0.2"
     next-videos "1.5.0"
-    nextra "2.5.2"
-    nextra-theme-docs "2.5.2"
-    react-instantsearch-dom "6.39.1"
+    nextra "2.7.1"
+    nextra-theme-docs "2.7.1"
+    react-instantsearch-dom "6.40.0"
     react-paginate "8.2.0"
     react-player "2.12.0"
     remark-mdx-disable-explicit-jsx "0.1.0"
     search-insights "2.6.0"
     semver "^7.3.8"
-    unist-util-visit "4.1.2"
     use-debounce "9.0.4"
 
 "@theguild/eslint-config@0.9.0":
@@ -3730,6 +3789,22 @@
   dependencies:
     prettier-plugin-sh "^0.12.8"
 
+"@theguild/remark-mermaid@^0.0.1":
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/@theguild/remark-mermaid/-/remark-mermaid-0.0.1.tgz#984f0f03bee4809cde02abbe4dbdbc192c806109"
+  integrity sha512-MbLi7CIn25r0MypN1yaTrvuQHBE/UXy/DKfVjaLlXx5ut4PasOwzGIJihzM4d9kqNADJKilHpQWcd66ivbvJEQ==
+  dependencies:
+    mermaid "10.2.1"
+    unist-util-visit "4.1.2"
+
+"@theguild/remark-npm2yarn@0.0.1":
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/@theguild/remark-npm2yarn/-/remark-npm2yarn-0.0.1.tgz#fcfc3ba46324110e8dae5881ff7dab6e49abaf0b"
+  integrity sha512-pm++IBZoVU4yWgtXsMEsBXsGEtsJVNfP2eBCO6pp3T27dYy0dS/gevLkSnvkGKFKo2PHTfYvoEsk9vgxmZXs8Q==
+  dependencies:
+    npm-to-yarn "^2.0.0"
+    unist-util-visit "^4.1.2"
+
 "@theguild/tailwind-config@0.2.1":
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/@theguild/tailwind-config/-/tailwind-config-0.2.1.tgz#efb57366f42603e8eb462b050498f1bef8e449a2"
@@ -3946,6 +4021,11 @@
   resolved "https://registry.yarnpkg.com/@types/katex/-/katex-0.11.1.tgz#34de04477dcf79e2ef6c8d23b41a3d81f9ebeaf5"
   integrity sha512-DUlIj2nk0YnJdlWgsFuVKcX27MLW0KbKmGVoUHmFr+74FYYNUDAaj9ZqTADvsbE8rfxuVmSFc7KczYn5Y09ozg==
 
+"@types/katex@^0.14.0":
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/@types/katex/-/katex-0.14.0.tgz#b84c0afc3218069a5ad64fe2a95321881021b5fe"
+  integrity sha512-+2FW2CcT0K3P+JMR8YG846bmDwplKUTsWgT2ENwdQ1UdVfRk3GQrh6Mi4sTopy30gI8Uau5CEqHTDZ6YvWIUPA==
+
 "@types/lz-string@1.3.34":
   version "1.3.34"
   resolved "https://registry.yarnpkg.com/@types/lz-string/-/lz-string-1.3.34.tgz#69bfadde419314b4a374bf2c8e58659c035ed0a5"
@@ -3987,10 +4067,10 @@
   resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.31.tgz#31b7ca6407128a3d2bbc27fe2d21b345397f6197"
   integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
 
-"@types/node@*", "@types/node@18.16.13", "@types/node@^18.11.18":
-  version "18.16.13"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.16.13.tgz#984c48275c718b5b3e47371938f3cff482790598"
-  integrity sha512-uZRomboV1vBL61EBXneL4j9/hEn+1Yqa4LQdpGrKmXFyJmVfWc9JV9+yb2AlnOnuaDnb2PDO3hC6/LKmzJxP1A==
+"@types/node@*", "@types/node@18.16.16", "@types/node@^18.11.18":
+  version "18.16.16"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.16.16.tgz#3b64862856c7874ccf7439e6bab872d245c86d8e"
+  integrity sha512-NpaM49IGQQAUlBhHMF82QH80J08os4ZmyF9MkpCzWAGuOHqE4gTEbhzd7L3l5LmWuZ6E0OiC1FweQ4tsiW35+g==
 
 "@types/node@^12.7.1":
   version "12.20.55"
@@ -4041,10 +4121,10 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@18.2.6", "@types/react@>=16", "@types/react@^18.0.15", "@types/react@^18.0.17", "@types/react@^18.0.27":
-  version "18.2.6"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.6.tgz#5cd53ee0d30ffc193b159d3516c8c8ad2f19d571"
-  integrity sha512-wRZClXn//zxCFW+ye/D2qY65UsYP1Fpex2YXorHc8awoNamkMZSvBxwxdYVInsHOZZd2Ppq8isnSzJL5Mpf8OA==
+"@types/react@*", "@types/react@18.2.7", "@types/react@>=16", "@types/react@^18.0.15", "@types/react@^18.0.17", "@types/react@^18.0.27":
+  version "18.2.7"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.7.tgz#dfb4518042a3117a045b8c222316f83414a783b3"
+  integrity sha512-ojrXpSH2XFCmHm7Jy3q44nXDyN54+EYKP2lBhJ2bqfyPj6cIUW/FZW/Csdia34NQgq7KYcAlHi5184m4X88+yw==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -4212,13 +4292,21 @@
     "@typescript-eslint/types" "5.52.0"
     eslint-visitor-keys "^3.3.0"
 
-"@urql/core@^3.0.3", "@urql/core@^3.2.0":
+"@urql/core@^3.0.3":
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/@urql/core/-/core-3.2.2.tgz#2a44015b536d72981822f715c96393d8e0ddc576"
   integrity sha512-i046Cz8cZ4xIzGMTyHZrbdgzcFMcKD7+yhCAH5FwWBRjcKrc+RjEOuR9X5AMuBvr8c6IAaE92xAqa4wmlGfWTQ==
   dependencies:
     wonka "^6.1.2"
 
+"@urql/core@^4.0.0":
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/@urql/core/-/core-4.0.8.tgz#acd13c0b319b71f982840f8b348d2820703b2131"
+  integrity sha512-8aKNAAqKqnzcE6lcUA48JepghXZC72hZePXz5sYZ//oCPodQPRcBpj+eO1QTq2t0QM32B+grzYj8xEGukgBiXQ==
+  dependencies:
+    "@0no-co/graphql.web" "^1.0.1"
+    wonka "^6.3.2"
+
 "@urql/introspection@^0.3.2":
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/@urql/introspection/-/introspection-0.3.3.tgz#5bcedfebd515161eecf9b193169c2765bf5674f1"
@@ -4230,12 +4318,12 @@
   integrity sha512-LV4MNqslkGqdlmAjpmVuyewQ6sQZ1CAaHXsiP7IaNKWKKlnpluxjiQnhLy3V1uhqIcJe/Ni/+sHIq78EvpkJNw==
 
 "@urql/vue@^1.0.0":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@urql/vue/-/vue-1.0.5.tgz#f3ba91c81ac97476fa001abd366999ac4f304122"
-  integrity sha512-RiXiINAr/tBJTIRcbA+TPCwRvK/z3NJy7+NOQvXHV/c9nCDrmUgu7HqdVMtAmlh5jUIw3HR8nI8IrRUoJqchHw==
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@urql/vue/-/vue-1.1.2.tgz#9456f1b4a16b6a4c77546d290c54cc4f04288ac9"
+  integrity sha512-ixfV0PTXcOl4KrZK24X+9B4rX9KSxqq1xhHZ0SOkAxgxMkomjJhtUl+9PuRL+LEzGWVr91OCEo68VPQ8uc5rBA==
   dependencies:
-    "@urql/core" "^3.2.0"
-    wonka "^6.0.0"
+    "@urql/core" "^4.0.0"
+    wonka "^6.3.2"
 
 "@vercel/ncc@^0.36.0":
   version "0.36.1"
@@ -4585,32 +4673,32 @@ ajv@^6.10.0, ajv@^6.12.2, ajv@^6.12.4:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-algoliasearch-helper@^3.11.3:
-  version "3.11.3"
-  resolved "https://registry.yarnpkg.com/algoliasearch-helper/-/algoliasearch-helper-3.11.3.tgz#6e7af8afe6f9a9e55186abffb7b6cf7ca8de3301"
-  integrity sha512-TbaEvLwiuGygHQIB8y+OsJKQQ40+JKUua5B91X66tMUHyyhbNHvqyr0lqd3wCoyKx7WybyQrC0WJvzoIeh24Aw==
+algoliasearch-helper@^3.13.0:
+  version "3.13.0"
+  resolved "https://registry.yarnpkg.com/algoliasearch-helper/-/algoliasearch-helper-3.13.0.tgz#1ccca7056fd27c2b0b5c92dd5c0abf4314bec3b8"
+  integrity sha512-kV3c1jMQCvkARtGsSDvAwuht4PAMSsQILqPiH4WFiARoa3jXJ/r1TQoBWAjWyWF48rsNYCv7kzxgB4LTxrvvuw==
   dependencies:
     "@algolia/events" "^4.0.1"
 
-algoliasearch@4.17.0, algoliasearch@^4.14.3:
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-4.17.0.tgz#46ed58b2b99509d041f11cd1ea83623edf84355f"
-  integrity sha512-JMRh2Mw6sEnVMiz6+APsi7lx9a2jiDFF+WUtANaUVCv6uSU9UOLdo5h9K3pdP6frRRybaM2fX8b1u0nqICS9aA==
-  dependencies:
-    "@algolia/cache-browser-local-storage" "4.17.0"
-    "@algolia/cache-common" "4.17.0"
-    "@algolia/cache-in-memory" "4.17.0"
-    "@algolia/client-account" "4.17.0"
-    "@algolia/client-analytics" "4.17.0"
-    "@algolia/client-common" "4.17.0"
-    "@algolia/client-personalization" "4.17.0"
-    "@algolia/client-search" "4.17.0"
-    "@algolia/logger-common" "4.17.0"
-    "@algolia/logger-console" "4.17.0"
-    "@algolia/requester-browser-xhr" "4.17.0"
-    "@algolia/requester-common" "4.17.0"
-    "@algolia/requester-node-http" "4.17.0"
-    "@algolia/transporter" "4.17.0"
+algoliasearch@4.17.1, algoliasearch@^4.14.3:
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-4.17.1.tgz#23926448b815bbf9a921bc6077abc1ce8d3224b2"
+  integrity sha512-4GDQ1RhP2qUR3x8PevFRbEdqZqIARNViZYjgTJmA1T7wRNtFA3W4Aqc/RsODqa1J8IO/QDla5x4tWuUS8NV8wA==
+  dependencies:
+    "@algolia/cache-browser-local-storage" "4.17.1"
+    "@algolia/cache-common" "4.17.1"
+    "@algolia/cache-in-memory" "4.17.1"
+    "@algolia/client-account" "4.17.1"
+    "@algolia/client-analytics" "4.17.1"
+    "@algolia/client-common" "4.17.1"
+    "@algolia/client-personalization" "4.17.1"
+    "@algolia/client-search" "4.17.1"
+    "@algolia/logger-common" "4.17.1"
+    "@algolia/logger-console" "4.17.1"
+    "@algolia/requester-browser-xhr" "4.17.1"
+    "@algolia/requester-common" "4.17.1"
+    "@algolia/requester-node-http" "4.17.1"
+    "@algolia/transporter" "4.17.1"
 
 ansi-align@^3.0.1:
   version "3.0.1"
@@ -5668,7 +5756,7 @@ commander@^6.2.1:
   resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c"
   integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
 
-commander@^8.0.0:
+commander@^8.0.0, commander@^8.3.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
@@ -6243,10 +6331,10 @@ d3@^7.4.0, d3@^7.8.2:
     d3-transition "3"
     d3-zoom "3"
 
-dagre-d3-es@7.0.9:
-  version "7.0.9"
-  resolved "https://registry.yarnpkg.com/dagre-d3-es/-/dagre-d3-es-7.0.9.tgz#aca12fccd9d09955a4430029ba72ee6934542a8d"
-  integrity sha512-rYR4QfVmy+sR44IBDvVtcAmOReGBvRCWDpO2QjYwqgh9yijw6eSHBqaPG/LIOEy7aBsniLvtMW6pg19qJhq60w==
+dagre-d3-es@7.0.10:
+  version "7.0.10"
+  resolved "https://registry.yarnpkg.com/dagre-d3-es/-/dagre-d3-es-7.0.10.tgz#19800d4be674379a3cd8c86a8216a2ac6827cadc"
+  integrity sha512-qTCQmEhcynucuaZgY5/+ti3X/rnszKZhEQH/ZdWdtP1tA/y3VoHJzcVrO9pjjJCNpigfscAtoUB5ONcd2wNn0A==
   dependencies:
     d3 "^7.8.2"
     lodash-es "^4.17.21"
@@ -6523,10 +6611,10 @@ domhandler@^4.2.0, domhandler@^4.3.1:
   dependencies:
     domelementtype "^2.2.0"
 
-dompurify@2.4.3:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-2.4.3.tgz#f4133af0e6a50297fc8874e2eaedc13a3c308c03"
-  integrity sha512-q6QaLcakcRjebxjg8/+NP+h0rPfatOgOzc46Fst9VAA3jF2ApfKBNKMzdP4DYTqtUMXSCd5pRS/8Po/OmoCHZQ==
+dompurify@3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.0.3.tgz#4b115d15a091ddc96f232bcef668550a2f6f1430"
+  integrity sha512-axQ9zieHLnAnHh0sfAamKYiqXMJAVwu+LM/alQ7WDagoWessyWvMSFyW65CqF3owufNu8HBcE4cM2Vflu7YWcQ==
 
 domutils@^2.8.0:
   version "2.8.0"
@@ -6635,6 +6723,11 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
+entities@^4.4.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
 error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
@@ -7471,6 +7564,11 @@ fd-slicer@~1.1.0:
   dependencies:
     pend "~1.2.0"
 
+fflate@^0.4.1:
+  version "0.4.8"
+  resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.4.8.tgz#f90b82aefbd8ac174213abb338bd7ef848f0f5ae"
+  integrity sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==
+
 figures@^3.0.0, figures@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
@@ -7554,18 +7652,18 @@ flexsearch@^0.7.21:
   resolved "https://registry.yarnpkg.com/flexsearch/-/flexsearch-0.7.31.tgz#065d4110b95083110b9b6c762a71a77cc52e4702"
   integrity sha512-XGozTsMPYkm+6b5QL3Z9wQcJjNYxp0CYn3U1gO7dwD6PAqU1SVWZxI9CCg3z+ml3YfqdPnrBehaBrnH2AGKbNA==
 
-focus-trap-react@10.1.2:
-  version "10.1.2"
-  resolved "https://registry.yarnpkg.com/focus-trap-react/-/focus-trap-react-10.1.2.tgz#88ab35c73c1de4fa003ebe447caa065607b8c3b9"
-  integrity sha512-E419LzaENAxp95bXKvGmatPzuPQtAQ6l2o576shXV82u53WvnjogcotgcD5d9veYoqXvPZI303RP6ZysXLGVsg==
+focus-trap-react@10.1.4:
+  version "10.1.4"
+  resolved "https://registry.yarnpkg.com/focus-trap-react/-/focus-trap-react-10.1.4.tgz#bab7ea87aecfa2f7eb6f2fcc4be1e7311893ca17"
+  integrity sha512-vLUQRXI6SUJD8YLYTBa1DlCYRmTKFDxRvc4TEe2nq8S1aj+YKsucuNxqZUOf0+RZ01Yoiwtk/6rD9xqSvawIvQ==
   dependencies:
-    focus-trap "^7.4.1"
+    focus-trap "^7.4.3"
     tabbable "^6.1.2"
 
-focus-trap@^7.4.1:
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-7.4.1.tgz#321cd8313c75f6c22ed3c472e04b913e5ee2eb5a"
-  integrity sha512-rnXP5ERIjlo1gEZp7hQb4ekYqUxRuSDQeyWvxhahH3/GkWtd8h8g1C8Eu/KGpuvbUWNVeogK0kuzzrM4u2Z9jA==
+focus-trap@^7.4.3:
+  version "7.4.3"
+  resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-7.4.3.tgz#a3dae73d44df359eb92bbf37b18e173e813b16c5"
+  integrity sha512-BgSSbK4GPnS2VbtZ50VtOv1Sti6DIkj3+LkVjiWMNjLeAp1SH1UlLx3ULu/DCu4vq5R4/uvTm+zrvsMsuYmGLg==
   dependencies:
     tabbable "^6.1.2"
 
@@ -7909,10 +8007,10 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.5, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.10, graceful-fs@^4.2.4, graceful-fs@^4.2.9:
-  version "4.2.10"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
-  integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
+graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.5, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.9:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
 grapheme-splitter@^1.0.4:
   version "1.0.4"
@@ -7936,10 +8034,10 @@ graphql-config@^4.1.0:
     string-env-interpolation "1.0.1"
     tslib "^2.4.0"
 
-graphql-config@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/graphql-config/-/graphql-config-5.0.1.tgz#4a0d2d3db0b6b3bd856e4db7627e5c8970e10a8d"
-  integrity sha512-cOi5RUK1QOoqwfzCeyVxRn6nsFqzjq7rs93ZvqT+gNxTgmhpROg3ZetgdbhC/yUWnguDM4S9GoHak+Xh9jLZeA==
+graphql-config@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/graphql-config/-/graphql-config-5.0.2.tgz#7e962f94ccddcc2ee0aa71d75cf4491ec5092bdb"
+  integrity sha512-7TPxOrlbiG0JplSZYCyxn2XQtqVhXomEjXUmWJVSS5ET1nPhOJSsIb/WTwqWhcYX6G0RlHXSj9PLtGTKmxLNGg==
   dependencies:
     "@graphql-tools/graphql-file-loader" "^8.0.0"
     "@graphql-tools/json-file-loader" "^8.0.0"
@@ -8135,6 +8233,35 @@ hash-obj@^4.0.0:
     sort-keys "^5.0.0"
     type-fest "^1.0.2"
 
+hast-util-from-dom@^4.0.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/hast-util-from-dom/-/hast-util-from-dom-4.2.0.tgz#25836ddecc3cc0849d32749c2a7aec03e94b59a7"
+  integrity sha512-t1RJW/OpJbCAJQeKi3Qrj1cAOLA0+av/iPFori112+0X7R3wng+jxLA+kXec8K4szqPRGI8vPxbbpEYvvpwaeQ==
+  dependencies:
+    hastscript "^7.0.0"
+    web-namespaces "^2.0.0"
+
+hast-util-from-html-isomorphic@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-from-html-isomorphic/-/hast-util-from-html-isomorphic-1.0.0.tgz#592b2bea880d476665b76ca1cf7d1a94925c80ec"
+  integrity sha512-Yu480AKeOEN/+l5LA674a+7BmIvtDj24GvOt7MtQWuhzUwlaaRWdEPXAh3Qm5vhuthpAipFb2vTetKXWOjmTvw==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    hast-util-from-dom "^4.0.0"
+    hast-util-from-html "^1.0.0"
+    unist-util-remove-position "^4.0.0"
+
+hast-util-from-html@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/hast-util-from-html/-/hast-util-from-html-1.0.2.tgz#2482fd701b2d8270b912b3909d6fb645d4a346cf"
+  integrity sha512-LhrTA2gfCbLOGJq2u/asp4kwuG0y6NhWTXiPKP+n0qNukKy7hc10whqqCFfyvIA1Q5U5d0sp9HhNim9gglEH4A==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    hast-util-from-parse5 "^7.0.0"
+    parse5 "^7.0.0"
+    vfile "^5.0.0"
+    vfile-message "^3.0.0"
+
 hast-util-from-parse5@^7.0.0:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-7.1.1.tgz#1887b4dd4e19f29d9c48c2e1c8bfeaac13a1f3a0"
@@ -9499,19 +9626,12 @@ katex@^0.13.0:
   dependencies:
     commander "^8.0.0"
 
-katex@^0.15.0:
-  version "0.15.6"
-  resolved "https://registry.yarnpkg.com/katex/-/katex-0.15.6.tgz#c4e2f6ced2ac4de1ef6f737fe7c67d3026baa0e5"
-  integrity sha512-UpzJy4yrnqnhXvRPhjEuLA4lcPn6eRngixW7Q3TJErjg3Aw2PuLFBzTkdUb89UtumxjhHTqL3a5GDGETMSwgJA==
-  dependencies:
-    commander "^8.0.0"
-
-katex@^0.16.4:
-  version "0.16.4"
-  resolved "https://registry.yarnpkg.com/katex/-/katex-0.16.4.tgz#87021bc3bbd80586ef715aeb476794cba6a49ad4"
-  integrity sha512-WudRKUj8yyBeVDI4aYMNxhx5Vhh2PjpzQw1GRu/LVGqL4m1AxwD1GcUp0IMbdJaf5zsjtj8ghP0DOQRYhroNkw==
+katex@^0.16.0, katex@^0.16.7:
+  version "0.16.7"
+  resolved "https://registry.yarnpkg.com/katex/-/katex-0.16.7.tgz#36be1d4ed96e8afdc5863407e70f8fb250aeafd5"
+  integrity sha512-Xk9C6oGKRwJTfqfIbtr0Kes9OSv6IFsuhFGc7tW4urlpMJtuh+7YhzU6YEG9n8gmWKcMAFzkp7nr+r69kV0zrA==
   dependencies:
-    commander "^8.0.0"
+    commander "^8.3.0"
 
 khroma@^2.0.0:
   version "2.0.0"
@@ -9971,6 +10091,24 @@ mdast-util-from-markdown@^1.0.0, mdast-util-from-markdown@^1.1.0:
     unist-util-stringify-position "^3.0.0"
     uvu "^0.5.0"
 
+mdast-util-from-markdown@^1.3.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz#9421a5a247f10d31d2faed2a30df5ec89ceafcf0"
+  integrity sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==
+  dependencies:
+    "@types/mdast" "^3.0.0"
+    "@types/unist" "^2.0.0"
+    decode-named-character-reference "^1.0.0"
+    mdast-util-to-string "^3.1.0"
+    micromark "^3.0.0"
+    micromark-util-decode-numeric-character-reference "^1.0.0"
+    micromark-util-decode-string "^1.0.0"
+    micromark-util-normalize-identifier "^1.0.0"
+    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^1.0.0"
+    unist-util-stringify-position "^3.0.0"
+    uvu "^0.5.0"
+
 mdast-util-gfm-autolink-literal@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-1.0.3.tgz#67a13abe813d7eba350453a5333ae1bc0ec05c06"
@@ -10179,24 +10317,25 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-mermaid@10.0.2:
-  version "10.0.2"
-  resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-10.0.2.tgz#8e294ea4890fe86ca7f5a4cd3c10362ec8d3ed98"
-  integrity sha512-slwoB9WdNUT+/W9VhxLYRLZ0Ey12fIE+cAZjm3FmHTD+0F1uoJETfsNbVS1POnvQZhFYzfT6/z6hJZXgecqVBA==
+mermaid@10.2.1:
+  version "10.2.1"
+  resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-10.2.1.tgz#5183c956a64e1ed9cf0122cec6c6cb4900521966"
+  integrity sha512-gziwXLuAidRxPJxcA0LqPhToirGZ2J2gD+UrDEtGNeKb98BtcQde28UUcCUCmNplkQOwE7oynrzKcMe9i29AMw==
   dependencies:
-    "@braintree/sanitize-url" "^6.0.0"
+    "@braintree/sanitize-url" "^6.0.2"
     cytoscape "^3.23.0"
     cytoscape-cose-bilkent "^4.1.0"
     cytoscape-fcose "^2.1.0"
     d3 "^7.4.0"
-    dagre-d3-es "7.0.9"
+    dagre-d3-es "7.0.10"
     dayjs "^1.11.7"
-    dompurify "2.4.3"
+    dompurify "3.0.3"
     elkjs "^0.8.2"
     khroma "^2.0.0"
     lodash-es "^4.17.21"
+    mdast-util-from-markdown "^1.3.0"
     non-layered-tidy-tree-layout "^2.0.2"
-    stylis "^4.1.2"
+    stylis "^4.1.3"
     ts-dedent "^2.2.0"
     uuid "^9.0.0"
     web-worker "^1.2.0"
@@ -10833,10 +10972,10 @@ next@13.4.2, next@^13.3.0:
     "@next/swc-win32-ia32-msvc" "13.4.2"
     "@next/swc-win32-x64-msvc" "13.4.2"
 
-nextra-theme-docs@2.5.2:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/nextra-theme-docs/-/nextra-theme-docs-2.5.2.tgz#a42ead64f138e3ce61ce7832d05e88ac11def050"
-  integrity sha512-DLrAtMtlUx3y3QsHcnIHhkb8b/VUFSvU5Cgb0Tzm7VlngKJW8ftPg9IxgoRZouqgQvkvvxbMLTPgBw+8n0VZTw==
+nextra-theme-docs@2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/nextra-theme-docs/-/nextra-theme-docs-2.7.1.tgz#d92827af26a2797bb59b347674115329074fd0da"
+  integrity sha512-C2DtoGH15q22t4r2JC89lvvajmnyiqsv3PaqHJpoHRlF2eR5giuLhZC5Oahb9AENRDcnUIUvqVi/8NlfiIM0yQ==
   dependencies:
     "@headlessui/react" "^1.7.10"
     "@popperjs/core" "^2.11.6"
@@ -10851,22 +10990,24 @@ nextra-theme-docs@2.5.2:
     scroll-into-view-if-needed "^3.0.0"
     zod "^3.20.2"
 
-nextra@2.5.2:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/nextra/-/nextra-2.5.2.tgz#c98353e2ec6a6a18234e52d5934e568a9bf5163b"
-  integrity sha512-22kw8s2OShvA625cKi3P9JioUybL5hEcCn1txXyQh+Mn3jmQXlXdbzmuT4BdYRNWo5lGqmYwm2h73igXjbssRQ==
+nextra@2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/nextra/-/nextra-2.7.1.tgz#f3c01c45aa96e4a9285a3aee333e18e8e1d1bf71"
+  integrity sha512-qchTb7XSm357XAHf9MV9UlUSGolPEPE8iFnC/9KMwvhIoE4seyPYWMrnH84XraZCcGERvy9TrkFD30VE7Qv1MA==
   dependencies:
     "@mdx-js/mdx" "^2.3.0"
     "@mdx-js/react" "^2.3.0"
     "@napi-rs/simple-git" "^0.1.8"
+    "@theguild/remark-mermaid" "^0.0.1"
+    clsx "^1.2.1"
     github-slugger "^2.0.0"
-    graceful-fs "^4.2.10"
+    graceful-fs "^4.2.11"
     gray-matter "^4.0.3"
-    katex "^0.16.4"
+    katex "^0.16.7"
     lodash.get "^4.4.2"
     next-mdx-remote "^4.2.1"
     p-limit "^3.1.0"
-    rehype-katex "^6.0.2"
+    rehype-katex "^6.0.3"
     rehype-pretty-code "0.9.4"
     remark-gfm "^3.0.1"
     remark-math "^5.1.1"
@@ -10986,6 +11127,11 @@ npm-run-path@^5.1.0:
   dependencies:
     path-key "^4.0.0"
 
+npm-to-yarn@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/npm-to-yarn/-/npm-to-yarn-2.0.0.tgz#59c9c615eca3ba8920308a0b418007b73ffc7492"
+  integrity sha512-/IbjiJ7vqbxfxJxAZ+QI9CCRjnIbvGxn5KQcSY9xHh0lMKc/Sgqmm7yp7KPmd6TiTZX5/KiSBKlkGHo59ucZbg==
+
 nth-check@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
@@ -11324,10 +11470,12 @@ parse-url@^8.1.0:
   dependencies:
     parse-path "^7.0.0"
 
-parse5@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+parse5@^7.0.0:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
+  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
+  dependencies:
+    entities "^4.4.0"
 
 pascal-case@^3.1.2:
   version "3.1.2"
@@ -11771,6 +11919,14 @@ postcss@^8.0.9, postcss@^8.1.10, postcss@^8.4.16, postcss@^8.4.23:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+posthog-js@^1.45.1:
+  version "1.57.3"
+  resolved "https://registry.yarnpkg.com/posthog-js/-/posthog-js-1.57.3.tgz#91cd3497b93e74b38352d8fc27fd4986be7872d6"
+  integrity sha512-IOF+j+BMGp2zx7Gx71PbT36J4TEtyPcIO+8zcaY84JJAxFU2bQ0DwFp2c/Fz8RnIw+dELuBu4RbnGkuiyaOWgA==
+  dependencies:
+    fflate "^0.4.1"
+    rrweb-snapshot "^1.1.14"
+
 preact@^10.13.2:
   version "10.13.2"
   resolved "https://registry.yarnpkg.com/preact/-/preact-10.13.2.tgz#2c40c73d57248b57234c4ae6cd9ab9d8186ebc0a"
@@ -11805,10 +11961,10 @@ prettier-plugin-sh@^0.12.8:
     sh-syntax "^0.3.6"
     synckit "^0.8.1"
 
-prettier-plugin-svelte@2.10.0:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.0.tgz#ce8f641f97cfe085fa093cb2beb13e64c5e7f9de"
-  integrity sha512-GXMY6t86thctyCvQq+jqElO+MKdB09BkL3hexyGP3Oi8XLKRFaJP1ud/xlWCZ9ZIa2BxHka32zhHfcuU+XsRQg==
+prettier-plugin-svelte@2.10.1:
+  version "2.10.1"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-svelte/-/prettier-plugin-svelte-2.10.1.tgz#e1abbe5689e8a926c60b8bc42e61233556ca90d1"
+  integrity sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==
 
 prettier-plugin-tailwindcss@0.2.8:
   version "0.2.8"
@@ -11985,27 +12141,27 @@ react-fast-compare@^3.0.0, react-fast-compare@^3.0.1:
   resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb"
   integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==
 
-react-instantsearch-core@6.39.1:
-  version "6.39.1"
-  resolved "https://registry.yarnpkg.com/react-instantsearch-core/-/react-instantsearch-core-6.39.1.tgz#3c2948d3cfea3c58b2e9902b6fcc245aaa0bae7b"
-  integrity sha512-rvzOoNGBT2O28mmcpXfcN4pVF+p07jlDMbEKB1TRdW3jE9dm8U6uCS/X6DWqigYLr8svVRcG/Ez+wzYK+yuPZw==
+react-instantsearch-core@6.40.0:
+  version "6.40.0"
+  resolved "https://registry.yarnpkg.com/react-instantsearch-core/-/react-instantsearch-core-6.40.0.tgz#a818083d2085d050c2eb25a082f9665b85c18dcb"
+  integrity sha512-YCLEtW5ar+h6fQbo03KYUJq/G2BFIuwvD482JqqZ3FhSDzQSgM0ShsfrPgU3AotfZvml4rePyBKyJw6U/O0MIQ==
   dependencies:
     "@babel/runtime" "^7.1.2"
-    algoliasearch-helper "^3.11.3"
+    algoliasearch-helper "^3.13.0"
     prop-types "^15.6.2"
     react-fast-compare "^3.0.0"
 
-react-instantsearch-dom@6.39.1:
-  version "6.39.1"
-  resolved "https://registry.yarnpkg.com/react-instantsearch-dom/-/react-instantsearch-dom-6.39.1.tgz#103af882415d427325330102379a02e66e5d7bc8"
-  integrity sha512-lfTHQZ3ILwlQeDsd+GqvVCVLyOzK8FYMtICJvc0PXANhcXXMM+7WvqJGlDclcnujPPSDuQl6MmKTHcTNVapQoA==
+react-instantsearch-dom@6.40.0:
+  version "6.40.0"
+  resolved "https://registry.yarnpkg.com/react-instantsearch-dom/-/react-instantsearch-dom-6.40.0.tgz#b9bb6a79cb46d0fa1310938cbff5f698e3697777"
+  integrity sha512-bD+xIi05DeQ47svD4bMgv7rKpl2eKoDOjBU2rcQNBz9N9ryE1IOe6NWAHaDZWBd99eWX9Opwa1JHr3KtNtv2yA==
   dependencies:
     "@babel/runtime" "^7.1.2"
-    algoliasearch-helper "^3.11.3"
+    algoliasearch-helper "^3.13.0"
     classnames "^2.2.5"
     prop-types "^15.6.2"
     react-fast-compare "^3.0.0"
-    react-instantsearch-core "6.39.1"
+    react-instantsearch-core "6.40.0"
 
 react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
@@ -12066,10 +12222,10 @@ react-refresh@^0.14.0:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.0.tgz#4e02825378a5f227079554d4284889354e5f553e"
   integrity sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==
 
-react-select@5.7.2:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.7.2.tgz#ccd40071b9429277983bf15526e7a5773a060e09"
-  integrity sha512-cTlJkQ8YjV6T/js8wW0owTzht0hHGABh29vjLscY4HfZGkv7hc3FFTmRp9NzY/Ib1uQ36GieAKEjxpHdpCFpcA==
+react-select@5.7.3:
+  version "5.7.3"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.7.3.tgz#fa0dc9a23cad6ff3871ad3829f6083a4b54961a2"
+  integrity sha512-z8i3NCuFFWL3w27xq92rBkVI2onT0jzIIPe480HlBjXJ3b5o6Q+Clp4ydyeKrj9DZZ3lrjawwLC5NGl0FSvUDg==
   dependencies:
     "@babel/runtime" "^7.12.0"
     "@emotion/cache" "^11.4.0"
@@ -12240,30 +12396,18 @@ regjsparser@^0.9.1:
   dependencies:
     jsesc "~0.5.0"
 
-rehype-katex@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/rehype-katex/-/rehype-katex-6.0.2.tgz#20197bbc10bdf79f6b999bffa6689d7f17226c35"
-  integrity sha512-C4gDAlS1+l0hJqctyiU64f9CvT00S03qV1T6HiMzbSuLBgWUtcqydWHY9OpKrm0SpkK16FNd62CDKyWLwV2ppg==
+rehype-katex@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/rehype-katex/-/rehype-katex-6.0.3.tgz#83e5b929b0967978e9491c02117f55be3594d7e1"
+  integrity sha512-ByZlRwRUcWegNbF70CVRm2h/7xy7jQ3R9LaY4VVSvjnoVWwWVhNL60DiZsBpC5tSzYQOCvDbzncIpIjPZWodZA==
   dependencies:
     "@types/hast" "^2.0.0"
-    "@types/katex" "^0.11.0"
+    "@types/katex" "^0.14.0"
+    hast-util-from-html-isomorphic "^1.0.0"
     hast-util-to-text "^3.1.0"
-    katex "^0.15.0"
-    rehype-parse "^8.0.0"
-    unified "^10.0.0"
-    unist-util-remove-position "^4.0.0"
+    katex "^0.16.0"
     unist-util-visit "^4.0.0"
 
-rehype-parse@^8.0.0:
-  version "8.0.4"
-  resolved "https://registry.yarnpkg.com/rehype-parse/-/rehype-parse-8.0.4.tgz#3d17c9ff16ddfef6bbcc8e6a25a99467b482d688"
-  integrity sha512-MJJKONunHjoTh4kc3dsM1v3C9kGrrxvA3U8PxZlP2SjH8RNUSrb+lF7Y0KVaUDnGH2QZ5vAn7ulkiajM9ifuqg==
-  dependencies:
-    "@types/hast" "^2.0.0"
-    hast-util-from-parse5 "^7.0.0"
-    parse5 "^6.0.0"
-    unified "^10.0.0"
-
 rehype-pretty-code@0.9.4:
   version "0.9.4"
   resolved "https://registry.yarnpkg.com/rehype-pretty-code/-/rehype-pretty-code-0.9.4.tgz#ab214026b530890c7a2e14c4f0881483e39e9cbc"
@@ -12504,6 +12648,11 @@ rollup@^3.2.5, rollup@^3.21.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
+rrweb-snapshot@^1.1.14:
+  version "1.1.14"
+  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-1.1.14.tgz#9d4d9be54a28a893373428ee4393ec7e5bd83fcc"
+  integrity sha512-eP5pirNjP5+GewQfcOQY4uBiDnpqxNRc65yKPW0eSoU1XamDfc4M8oqpXGMyUyvLyxFDB0q0+DChuxxiU2FXBQ==
+
 run-async@^2.4.0:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
@@ -13177,11 +13326,16 @@ stylehacks@^5.1.1:
     browserslist "^4.21.4"
     postcss-selector-parser "^6.0.4"
 
-stylis@4.1.3, stylis@^4.1.2:
+stylis@4.1.3:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.1.3.tgz#fd2fbe79f5fed17c55269e16ed8da14c84d069f7"
   integrity sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==
 
+stylis@^4.1.3:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
+  integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
+
 sucrase@^3.20.3:
   version "3.29.0"
   resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.29.0.tgz#3207c5bc1b980fdae1e539df3f8a8a518236da7d"
@@ -13537,10 +13691,10 @@ tsconfig-paths@^3.14.1:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@2.5.0, tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.3.1, tslib@^2.4.0, tslib@^2.4.1, tslib@^2.5.0, tslib@~2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
-  integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
+tslib@2.5.2, tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.3.1, tslib@^2.4.0, tslib@^2.4.1, tslib@^2.5.0, tslib@~2.5.0:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.2.tgz#1b6f07185c881557b0ffa84b111a0106989e8338"
+  integrity sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==
 
 tslib@^1.8.1:
   version "1.14.1"
@@ -13837,7 +13991,7 @@ unist-util-visit-parents@^5.0.0, unist-util-visit-parents@^5.1.1:
     "@types/unist" "^2.0.0"
     unist-util-is "^5.0.0"
 
-unist-util-visit@4.1.2, unist-util-visit@^4.0.0, unist-util-visit@^4.1.0, unist-util-visit@^4.1.1:
+unist-util-visit@4.1.2, unist-util-visit@^4.0.0, unist-util-visit@^4.1.0, unist-util-visit@^4.1.1, unist-util-visit@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-4.1.2.tgz#125a42d1eb876283715a3cb5cceaa531828c72e2"
   integrity sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==
@@ -14049,9 +14203,9 @@ villus@^2.1.0:
   integrity sha512-vnrY62rf5Yzfew0fZbHQ7b51NpcWKbNDxxmq98NNhBRXjt8gVtbbXsOpRatnKINxsZPPzH+zLJGnTj95F0InHQ==
 
 vite@^4.1.0:
-  version "4.3.5"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.5.tgz#3871fe0f4b582ea7f49a85386ac80e84826367d9"
-  integrity sha512-0gEnL9wiRFxgz40o/i/eTBwm+NEbpUeTWhzKrZDSdKm6nplj+z4lKz8ANDgildxHm47Vg8EUia0aicKbawUVVA==
+  version "4.3.9"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.9.tgz#db896200c0b1aa13b37cdc35c9e99ee2fdd5f96d"
+  integrity sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==
   dependencies:
     esbuild "^0.17.5"
     postcss "^8.4.23"
@@ -14267,10 +14421,10 @@ widest-line@^4.0.1:
   dependencies:
     string-width "^5.0.1"
 
-wonka@^6.0.0, wonka@^6.1.2:
-  version "6.2.3"
-  resolved "https://registry.yarnpkg.com/wonka/-/wonka-6.2.3.tgz#88f7852a23a3d53bca7411c70d66e9ce8f93a366"
-  integrity sha512-EFOYiqDeYLXSzGYt2X3aVe9Hq1XJG+Hz/HjTRRT4dZE9q95khHl5+7pzUSXI19dbMO1/2UMrTf7JT7/7JrSQSQ==
+wonka@^6.0.0, wonka@^6.1.2, wonka@^6.3.2:
+  version "6.3.2"
+  resolved "https://registry.yarnpkg.com/wonka/-/wonka-6.3.2.tgz#6f32992b332251d7b696b038990f4dc284b3b33d"
+  integrity sha512-2xXbQ1LnwNS7egVm1HPhW2FyKrekolzhpM3mCwXdQr55gO+tAiY76rhb32OL9kKsW8taj++iP7C6hxlVzbnvrw==
 
 word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"