From 4c5c6906fe56645f00fee513f77104c4e7fd6342 Mon Sep 17 00:00:00 2001
From: Sergii <sergiy.stotskiy@gmail.com>
Date: Fri, 31 Aug 2018 09:48:23 +0300
Subject: [PATCH] docs(react:readme): updates examples with render children
 prop

---
 packages/casl-react/README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/casl-react/README.md b/packages/casl-react/README.md
index d5302213f..977935e50 100644
--- a/packages/casl-react/README.md
+++ b/packages/casl-react/README.md
@@ -21,7 +21,7 @@ This component accepts children and 4 properties (see [Property names and aliase
 
 ```jsx
 <Can I="create" a="Post" ability={ability}>
-  () => <button onClick={this.createPost.bind(this)}>Create Post</button>
+  {() => <button onClick={this.createPost.bind(this)}>Create Post</button>}
 </Can>
 ```
 
@@ -62,7 +62,7 @@ import Can from './Can'
 export function button() {
   return (
     <Can I="create" a="Post">
-      () => <button onClick={this.createPost.bind(this)}>Create Post</button>
+      {() => <button onClick={this.createPost.bind(this)}>Create Post</button>}
     </Can>
   )
 }
@@ -108,7 +108,7 @@ export class TodoApp extends Component {
   render() {
     return (
       <Can I="create" a="Todo">
-        () => <button onClick={this.createTodo.bind(this)}>Create Todo</button>
+        {() => <button onClick={this.createTodo.bind(this)}>Create Todo</button>}
       </Can>
     )
   }
@@ -180,7 +180,7 @@ For example, the code below reads as `Can I create a Post`.
 
 ```jsx
 <Can I="create" a="Post">
-  () => <button onClick={...}>Create Post</button>
+  {() => <button onClick={...}>Create Post</button>}
 </Can>
 ```