@imposium-hub/components 2.14.4 → 2.14.6

package/src/components/story-previewer/StoryPreviewer.tsx

@@ -31,12 +31,20 @@ import AudioPlayer from '../players/AudioPlayer';
 import ColorField from '../color-field/ColorField';
 
 const ResizeDetectorWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-    const { ref } = useResizeDetector<HTMLDivElement>({ handleWidth: true, handleHeight: true });
+    const { width, height, ref } = useResizeDetector<HTMLDivElement>({
+        handleWidth: true,
+        handleHeight: true
+    });
     return (
         <div
             ref={ref}
             style={{ width: '100%', height: '100%' }}>
-            {children}
+            {React.Children.map(children, (child) => {
+                if (React.isValidElement(child)) {
+                    return React.cloneElement(child, { width, height } as any);
+                }
+                return child;
+            })}
         </div>
     );
 };