first

wp-content/plugins/visual-portfolio/gutenberg/components/masonry-wrapper/index.js

@@ -0,0 +1,24 @@
+import { useEffect, useRef } from '@wordpress/element';
+
+const { Masonry } = window;
+
+export default function MasonryWrapper(props) {
+	const { options, children, ...restProps } = props;
+
+	const ref = useRef();
+
+	// Init.
+	useEffect(() => {
+		const instance = new Masonry(ref.current, options);
+
+		return () => {
+			instance.destroy();
+		};
+	}, [ref, options, children]);
+
+	return (
+		<div ref={ref} {...restProps}>
+			{children}
+		</div>
+	);
+}