Update README

README.md

@@ -31,7 +31,7 @@ const options = {
 
 render(
 	<ReactRough width={220} height={220}>
-		<ReactRough.Rectangle options={options} />
+		<Rectangle options={options} />
 	</ReactRough>
 );
 ```
@@ -47,8 +47,8 @@ import { ReactRough, Rectangle, Circle } from 'react-rough';
 
 render(
 	<ReactRough width={200} height={400}>
-		<ReactRough.Circle points={[50, 50, 80]} fill="red" />
-		<ReactRough.Polygon
+		<Circle points={[50, 50, 80]} fill="red" />
+		<Polygon
 			points={[[[690, 130], [790, 140], [750, 240], [690, 220]]]}
 			fill="blue"
 			stroke="green"

src/index.js

@@ -68,11 +68,12 @@ export const Line = props => <RoughConsumer type="line" {...props} />;
 
 export const Path = props => <RoughConsumer type="path" {...props} />;
 
-export const LinearPath = props => <RoughConsumer type="linearPath" {...props} />;
+export const LinearPath = props => (
+	<RoughConsumer type="linearPath" {...props} />
+);
 
 export const Polygon = props => <RoughConsumer type="polygon" {...props} />;
 
-
 export const Rectangle = props => <RoughConsumer type="rectangle" {...props} />;
 
 class ReactRough extends React.Component {
@@ -89,15 +90,14 @@ class ReactRough extends React.Component {
 		this.rc = Rough.canvas(this.canvasRef.current);
 		// Force a render now that we have the canvas
 		this.forceUpdate();
-
 	}
 
 	clearCanvas() {
 		const { backgroundColor, width, height } = this.props;
 		// If this is the first render the ctx will be null
 		// It will be cleared later on componentDidMount
 		if (!this.ctx) {
-			return
+			return;
 		}
 
 		if (backgroundColor) {