import React from "react";
import ImageZoom from 'react-medium-image-zoom';
import styled from "styled-components";

const Container = styled.div``;

class ImageBlock extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    const { src = "", alt = "No Description", className } = this.props;
    return (<Container>
      <ImageZoom
        image={{
          src,
          alt,
          className,
          style: { width: '50em' }
        }}
        zoomImage={{
          src,
          alt,
        }}
      />
    </Container>)
  }
}

export default ImageBlock;
@@ -114,41 +114,8 @@
 %22;%0A%0A
-const Container = styled.div%60%60;%0A%0A
 clas
@@ -153,16 +153,16 @@
 onent %7B%0A
+
   constr
@@ -300,20 +300,34 @@
 rn (
-%3CContainer%3E%0A
+%0A      %3CReact.Fragment%3E%0A  
     
@@ -347,16 +347,18 @@
         
+  
 image=%7B%7B
@@ -350,32 +350,34 @@
        image=%7B%7B%0A
+  
           src,%0A 
@@ -377,37 +377,41 @@
  src,%0A          
+  
 alt,%0A
+  
           classN
@@ -425,16 +425,18 @@
         
+ 
+ 
 style: %7B
@@ -447,17 +447,19 @@
 th: 
-'
+%22
 50em
-'
+%22
  %7D%0A
+  
     
@@ -461,24 +461,26 @@
          %7D%7D%0A
+  
         zoom
@@ -490,32 +490,34 @@
 ge=%7B%7B%0A          
+  
 src,%0A          a
@@ -507,36 +507,37 @@
  src,%0A          
+  
 alt
-,
 %0A        %7D%7D%0A    
@@ -525,27 +525,31 @@
 alt%0A        
+  
 %7D%7D%0A
+  
       /%3E%0A   
@@ -553,21 +553,34 @@
     
+ 
+ 
 %3C/
-Container%3E)
+React.Fragment%3E%0A    );
 %0A  %7D

change image block container with React.Fragment