diff --git a/packages/asset-gallery/src/AssetGallery.tsx b/packages/asset-gallery/src/AssetGallery.tsx
index 75d5ab37..7b648031 100644
--- a/packages/asset-gallery/src/AssetGallery.tsx
+++ b/packages/asset-gallery/src/AssetGallery.tsx
@@ -17,12 +17,18 @@ const AssetGallery: FC<AssetGalleryProps> = ({
   layout: layoutProps,
   logo,
   showSlider = true,
+  onLayoutChange,
   columns: columnsProps,
+  onColumnsChange,
   style,
 }) => {
-  const [columns, setColumn] = useMergeValue(4, { defaultValue: columnsProps });
+  const [columns, setColumn] = useMergeValue(4, {
+    value: columnsProps,
+    onChange: onColumnsChange,
+  });
   const [layout, setLayout] = useMergeValue('masonry', {
-    defaultValue: layoutProps,
+    value: layoutProps,
+    onChange: onLayoutChange,
   });
 
   const imageList = typeof data === 'string' ? YMLToJSON(data).data : data;