diff --git a/README.md b/README.md
index bfc708a..4131748 100644
--- a/README.md
+++ b/README.md
@@ -11,41 +11,37 @@ In the simple case you just need to add `lat` and `lng` props to any child of `G
 [See it in action at jsbin](https://jsbin.com/ruwogapuke/1/edit?js,output)
 
 ```javascript
-import React, { Component } from 'react';
+import React from "react";
 import GoogleMapReact from 'google-map-react';
 
 const AnyReactComponent = ({ text }) => <div>{text}</div>;
 
-class SimpleMap extends Component {
-  static defaultProps = {
+export default function SimpleMap(){
+  const defaultProps = {
     center: {
-      lat: 59.95,
-      lng: 30.33
+      lat: 10.99835602,
+      lng: 77.01502627
     },
     zoom: 11
   };
 
-  render() {
-    return (
-      // Important! Always set the container height explicitly
-      <div style={{ height: '100vh', width: '100%' }}>
-        <GoogleMapReact
-          bootstrapURLKeys={{ key: /* YOUR KEY HERE */ }}
-          defaultCenter={this.props.center}
-          defaultZoom={this.props.zoom}
-        >
-          <AnyReactComponent
-            lat={59.955413}
-            lng={30.337844}
-            text="My Marker"
-          />
-        </GoogleMapReact>
-      </div>
-    );
-  }
+  return (
+    // Important! Always set the container height explicitly
+    <div style={{ height: '100vh', width: '100%' }}>
+      <GoogleMapReact
+        bootstrapURLKeys={{ key: "" }}
+        defaultCenter={defaultProps.center}
+        defaultZoom={defaultProps.zoom}
+      >
+        <AnyReactComponent
+          lat={59.955413}
+          lng={30.337844}
+          text="My Marker"
+        />
+      </GoogleMapReact>
+    </div>
+  );
 }
-
-export default SimpleMap;
 ```
 
 ### My map doesn't appear!