diff --git a/lerna.json b/lerna.json
index b20b79df2..1940c6b7e 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,7 +1,7 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "npmClient": "npm",
-  "version": "1.30.0",
+  "version": "1.30.1-beta.0",
   "command": {
     "version": {
       "allowBranch": ["main", "next", "development"],
diff --git a/package-lock.json b/package-lock.json
index bd6628d13..22beda00e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44122,7 +44122,7 @@
     },
     "packages/components": {
       "name": "@contentful/experiences-components-react",
-      "version": "1.30.0",
+      "version": "1.30.1-beta.0",
       "license": "MIT",
       "dependencies": {
         "@contentful/experiences-core": "file:../core",
@@ -44212,7 +44212,7 @@
     },
     "packages/core": {
       "name": "@contentful/experiences-core",
-      "version": "1.30.0",
+      "version": "1.30.1-beta.0",
       "license": "MIT",
       "dependencies": {
         "@contentful/experiences-validators": "file:../validators",
@@ -44302,7 +44302,7 @@
       }
     },
     "packages/create-contentful-studio-experiences": {
-      "version": "1.30.0",
+      "version": "1.30.1-beta.0",
       "license": "MIT",
       "dependencies": {
         "@clack/prompts": "^0.7.0",
@@ -44392,7 +44392,7 @@
     },
     "packages/experience-builder-sdk": {
       "name": "@contentful/experiences-sdk-react",
-      "version": "1.30.0",
+      "version": "1.30.1-beta.0",
       "license": "MIT",
       "dependencies": {
         "@contentful/experiences-components-react": "file:../components",
@@ -45162,7 +45162,7 @@
     },
     "packages/validators": {
       "name": "@contentful/experiences-validators",
-      "version": "1.30.0",
+      "version": "1.30.1-beta.0",
       "dependencies": {
         "zod": "^3.22.4"
       },
@@ -45175,7 +45175,7 @@
     },
     "packages/visual-editor": {
       "name": "@contentful/experiences-visual-editor-react",
-      "version": "1.30.0",
+      "version": "1.30.1-beta.0",
       "dependencies": {
         "@contentful/experiences-components-react": "file:../components",
         "@contentful/experiences-core": "file:../core",
diff --git a/packages/components/package.json b/packages/components/package.json
index 1dff43a67..0c1210915 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-components-react",
-  "version": "1.30.0",
+  "version": "1.30.1-beta.0",
   "description": "A basic set of components to use with Studio Experiences",
   "homepage": "https://github.com/contentful/experience-builder/tree/next/packages/components#readme",
   "repository": {
diff --git a/packages/core/package.json b/packages/core/package.json
index 527a2a4a5..cfef9cd6d 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-core",
-  "version": "1.30.0",
+  "version": "1.30.1-beta.0",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",
diff --git a/packages/create-contentful-studio-experiences/package.json b/packages/create-contentful-studio-experiences/package.json
index 628abe7ff..12724b194 100644
--- a/packages/create-contentful-studio-experiences/package.json
+++ b/packages/create-contentful-studio-experiences/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-contentful-studio-experiences",
-  "version": "1.30.0",
+  "version": "1.30.1-beta.0",
   "description": "A CLI tool to get up and running with Contentful Studio Experiences quickly",
   "homepage": "https://github.com/contentful/experience-builder/tree/next/packages/create-contentful-studio-experiences#readme",
   "repository": {
diff --git a/packages/experience-builder-sdk/package.json b/packages/experience-builder-sdk/package.json
index 0b7ab0a2e..03832641a 100644
--- a/packages/experience-builder-sdk/package.json
+++ b/packages/experience-builder-sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-sdk-react",
-  "version": "1.30.0",
+  "version": "1.30.1-beta.0",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "typings": "./dist/src/index.d.ts",
diff --git a/packages/experience-builder-sdk/src/hooks/useBreakpoints.ts b/packages/experience-builder-sdk/src/hooks/useBreakpoints.ts
index ba0609918..e598d9a8b 100644
--- a/packages/experience-builder-sdk/src/hooks/useBreakpoints.ts
+++ b/packages/experience-builder-sdk/src/hooks/useBreakpoints.ts
@@ -17,7 +17,7 @@ import { useCallback, useEffect, useState } from 'react';
  * and then decending by screen width. For mobile-first designs, the order would be ascending
  */
 export const useBreakpoints = (breakpoints: Breakpoint[]) => {
-  const [mediaQueryMatchers, initialMediaQueryMatches] = mediaQueryMatcher(breakpoints);
+  const [, initialMediaQueryMatches] = mediaQueryMatcher(breakpoints);
 
   const [mediaQueryMatches, setMediaQueryMatches] =
     useState<Record<string, boolean>>(initialMediaQueryMatches);
@@ -26,12 +26,14 @@ export const useBreakpoints = (breakpoints: Breakpoint[]) => {
 
   // Register event listeners to update the media query states
   useEffect(() => {
+    const [mediaQueryMatchers] = mediaQueryMatcher(breakpoints);
     const eventListeners = mediaQueryMatchers.map(({ id, signal }) => {
       const onChange = () =>
         setMediaQueryMatches((prev) => ({
           ...prev,
           [id]: signal.matches,
         }));
+
       signal.addEventListener('change', onChange);
       return onChange;
     });
@@ -41,7 +43,7 @@ export const useBreakpoints = (breakpoints: Breakpoint[]) => {
         mediaQueryMatchers[index].signal.removeEventListener('change', eventListener);
       });
     };
-  }, [mediaQueryMatchers]);
+  }, [breakpoints]);
 
   const activeBreakpointIndex = getActiveBreakpointIndex(
     breakpoints,
diff --git a/packages/validators/package.json b/packages/validators/package.json
index ae01789e0..85337057c 100644
--- a/packages/validators/package.json
+++ b/packages/validators/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-validators",
-  "version": "1.30.0",
+  "version": "1.30.1-beta.0",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
diff --git a/packages/visual-editor/package.json b/packages/visual-editor/package.json
index 990dc6a25..b6d5e8909 100644
--- a/packages/visual-editor/package.json
+++ b/packages/visual-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-visual-editor-react",
-  "version": "1.30.0",
+  "version": "1.30.1-beta.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",