Render issue even while trying the example

[aswinckr]

Hi,

Even when i use the example to render an image i get this issue -

Uncaught Error: ImageZoom.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.

Pasting code here -

import React, {Component} from 'react';
import ReactMarkdown from 'react-markdown'
import markdown from '../../../data/Work/sourceapp/sourceapp.md'
import styles from './ProjectPage.scss'
import MediumImage from '../../utils/MediumImage'
import ImageZoom from 'react-medium-image-zoom'

class ProjectPage extends Component {
  render() {
    return (
      <div className="container">
        <h1>Image Zoom</h1>
        <p>
          Trust fund seitan chia, wolf lomo letterpress Bushwick before they
          sold out. Carles kogi fixie, squid twee Tonx readymade cred typewriter
          scenester locavore kale chips vegan organic. Meggings pug wolf
          Shoreditch typewriter skateboard. McSweeney&apos;s iPhone chillwave,
          food truck direct trade disrupt flannel irony tousled Cosby sweater
          single-origin coffee. Organic disrupt bicycle rights, tattooed
          messenger bag flannel craft beer fashion axe bitters. Readymade
          sartorial craft beer, quinoa sustainable butcher Marfa Echo Park Terry
          Richardson gluten-free flannel retro cred mlkshk banjo. Salvia
          90&apos;s art party Blue Bottle, PBR&amp;B cardigan 8-bit.
        </p>
        <p>
          Meggings irony fashion axe, tattooed master cleanse Blue Bottle
          stumptown bitters authentic flannel freegan paleo letterpress ugh
          sriracha. Wolf PBR&amp;B art party aesthetic meh cliche. Sartorial
          before they sold out deep v, aesthetic PBR&amp;B craft beer
          post-ironic synth keytar pork belly skateboard pour-over. Tonx cray
          pug Etsy, gastropub ennui wolf ethnic Odd Future viral master cleanse
          skateboard banjo. Pitchfork scenester cornhole, whatever try-hard
          ethnic banjo +1 gastropub American Apparel vinyl skateboard Shoreditch
          seitan. Blue Bottle keffiyeh Austin Helvetica art party. Portland
          ethnic fixie, beard retro direct trade ugh scenester Tumblr readymade
          authentic plaid pickled hashtag biodiesel.
        </p>
        <div>
          <ImageZoom
            image={{
              src: 'http://res.cloudinary.com/aswin/image/upload/v1511706514/Cover_g8mjcw.png',
              alt: 'Golden Gate Bridge',
              className: 'img'
            }}
            zoomImage={{
              src: 'http://res.cloudinary.com/aswin/image/upload/v1511706514/Cover_g8mjcw.png',
              alt: 'Golden Gate Bridge',
              className: 'img--zoomed'
            }}
          />
        </div>
        <p>
          Thundercats freegan Truffaut, four loko twee Austin scenester lo-fi
          seitan High Life paleo quinoa cray. Schlitz butcher ethical Tumblr,
          pop-up DIY keytar ethnic iPhone PBR sriracha. Tonx direct trade
          bicycle rights gluten-free flexitarian asymmetrical. Whatever drinking
          vinegar PBR XOXO Bushwick gentrify. Cliche semiotics banjo retro squid
          Wes Anderson. Fashion axe dreamcatcher you probably haven&apos;t heard
          of them bicycle rights. Tote bag organic four loko ethical selfies
          gastropub, PBR fingerstache tattooed bicycle rights.
        </p>
        <div style={{ float: 'left', margin: '0 1.5em 0 0' }}>
          <ImageZoom
            image={{
              src: 'http://res.cloudinary.com/aswin/image/upload/v1511706514/Cover_g8mjcw.png',
              alt: 'Picture of Mt. Cook in New Zealand',
              className: 'img',
              style: {
                width: '20em'
              }
            }}
            zoomImage={{
              src: 'http://res.cloudinary.com/aswin/image/upload/v1511706514/Cover_g8mjcw.png',
              alt: 'Picture of Mt. Cook in New Zealand',
              className: 'img--zoomed'
            }}
          />
        </div>
        <p>
          Ugh Portland Austin, distillery tattooed typewriter polaroid pug
          Banksy Neutra keffiyeh. Shoreditch mixtape wolf PBR&amp;B, tote bag
          dreamcatcher literally bespoke Odd Future selfies 90&apos;s master
          cleanse vegan. Flannel tofu deep v next level pickled, authentic Etsy
          Shoreditch literally swag photo booth iPhone pug semiotics banjo.
          Bicycle rights butcher Blue Bottle, actually DIY semiotics Banksy
          banjo mixtape Austin pork belly post-ironic. American Apparel
          gastropub hashtag, McSweeney&apos;s master cleanse occupy High Life
          bitters wayfarers next level bicycle rights. Wolf chia Terry
          Richardson, pop-up plaid kitsch ugh. Butcher +1 Carles, swag selfies
          Blue Bottle viral.
        </p>
        <p>
          Keffiyeh food truck organic letterpress leggings iPhone four loko
          hella pour-over occupy, Wes Anderson cray post-ironic. Neutra retro
          fixie gastropub +1, High Life semiotics. Vinyl distillery Etsy freegan
          flexitarian cliche jean shorts, Schlitz wayfarers skateboard tousled
          irony locavore XOXO meh. Ethnic Wes Anderson McSweeney&apos;s
          messenger bag, mixtape XOXO slow-carb cornhole aesthetic Marfa banjo
          Thundercats bitters. Raw denim banjo typewriter cray Tumblr, High Life
          single-origin coffee. 90&apos;s Tumblr cred, Terry Richardson occupy
          raw denim tofu fashion axe photo booth banh mi. Trust fund locavore
          Helvetica, fashion axe selvage authentic Shoreditch swag selfies
          stumptown +1.
        </p>
        <div>
          <ImageZoom
            image={{
              src: 'http://res.cloudinary.com/aswin/image/upload/v1511706514/Cover_g8mjcw.png',
              alt: 'Gazelle Stomping',
              title: "Don't exceed original image dimensions...",
              className: 'img',
              style: {
                width: '250px'
              }
            }}
            shouldRespectMaxDimension={true}
          />
        </div>
        <p>
          Scenester chambray slow-carb, trust fund biodiesel ugh bicycle rights
          cornhole. Gentrify messenger bag Truffaut tousled roof party pork
          belly leggings, photo booth jean shorts. Austin readymade PBR plaid
          chambray. Squid Echo Park pour-over, wayfarers forage whatever
          locavore typewriter artisan deep v four loko. Locavore occupy Neutra
          Pitchfork McSweeney&apos;s, wayfarers fingerstache. Actually
          asymmetrical drinking vinegar yr brunch biodiesel. Before they sold
          out sustainable readymade craft beer Portland gastropub squid Austin,
          roof party Thundercats chambray narwhal Bushwick pug.
        </p>
        <p>
          Literally typewriter chillwave, bicycle rights Carles flannel
          wayfarers. Biodiesel farm-to-table actually, locavore keffiyeh hella
          shabby chic pour-over try-hard Bushwick. Sriracha American Apparel
          Brooklyn, synth cray stumptown blog Bushwick +1 VHS hashtag. Wolf
          umami Carles Marfa, 90&apos;s food truck Cosby sweater. Fanny pack
          try-hard keytar pop-up readymade, master cleanse four loko trust fund
          polaroid salvia. Photo booth kitsch forage chambray, Carles scenester
          slow-carb lomo cardigan dreamcatcher. Swag asymmetrical leggings,
          biodiesel Tonx shabby chic ethnic master cleanse freegan.
        </p>
        <p>
          Raw denim Banksy shabby chic, 8-bit salvia narwhal fashion axe.
          Ethical Williamsburg four loko, chia kale chips distillery Shoreditch
          messenger bag swag iPhone Pitchfork. Viral PBR&amp;B single-origin
          coffee quinoa readymade, ethical chillwave drinking vinegar
          gluten-free Wes Anderson kitsch Tumblr synth actually bitters. Butcher
          McSweeney&apos;s forage mlkshk kogi fingerstache. Selvage scenester
          butcher Shoreditch, Carles beard plaid disrupt DIY. Pug readymade
          selvage retro, Austin salvia vinyl master cleanse flexitarian deep v
          bicycle rights plaid Terry Richardson mlkshk pour-over. Trust fund
          try-hard banh mi Brooklyn, 90&apos;s Etsy kogi YOLO salvia.
        </p>
      </div>
    )
  }
}

export default ProjectPage

[rpearce]

Hi, @aswinckr, I'll copy this code and see what I can find! Be back with you shortly

[aswinckr]

Hi @rpearce , I'm sorry i just figured out the problem. I was using the latest build ^3.0.2 of react-medium-zoom but my react was v15.4.2. Didn't take note of the incompatibility you mentioned in the readme.

Thank you, I'll close this issue

[rpearce]

@aswinckr great news! Thanks for making my job easy :)