Getting the 'image' tag to work

[mbodge]

Hi there, thanks for the library! I'm running into issues getting an Image element to work. I've added 'file-loader' plugin to my .babelrc and the file path is successfully loaded and prints out within a componentDidMount() here's my code:

import React, {Component} from 'react';
import logo from '../img/logo.png';

class App extends Component {
  render() {
    return (
      <box width={'100%'} height={'100%'} style={{ bg: 'white'}}>
        <image
          top={40}
          left={40}
          file={logo} />
      </box>
    );
  }
}

Any ideas?

[mbodge]

Ok I figured it out, and would just delete this but just in case anyone else is looking i replaced:

file={logo}

with:

file={__dirname + logo}