From 5d96baccc6dccbfaef5dab2706ac5f87a8376d7c Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Fri, 3 Dec 2021 17:31:06 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Properly=20display=20examples=20?=
 =?UTF-8?q?(fix=20#8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

See storybookjs/storybook#12596
---
 src/utils/Decorators.jsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/utils/Decorators.jsx b/src/utils/Decorators.jsx
index e2b162e..e1d5080 100644
--- a/src/utils/Decorators.jsx
+++ b/src/utils/Decorators.jsx
@@ -4,12 +4,12 @@ import { Form as FormComponent } from "../components/forms/Form"
 import { Ruby as RubyComponent } from "../components/annotations/Ruby"
 
 
-export const Bluelib = Story => <BluelibComponent theme={"paper"} style={{backgroundColor: "transparent"}}><Story/></BluelibComponent>
+export const Bluelib = Story => <BluelibComponent theme={"paper"} style={{backgroundColor: "transparent"}}>{Story()}</BluelibComponent>
 
-export const Fill = Story => <div style={{height: "100vh"}}><Story/></div>
+export const Fill = Story => <div style={{height: "100vh"}}>{Story()}</div>
 
-export const Box = Story => <BoxComponent><Story/></BoxComponent>
+export const Box = Story => <BoxComponent>{Story()}</BoxComponent>
 
-export const Form = Story => <FormComponent><Story/></FormComponent>
+export const Form = Story => <FormComponent>{Story()}</FormComponent>
 
-export const Ruby = Story => <RubyComponent><Story/></RubyComponent>
+export const Ruby = Story => <RubyComponent>{Story()}</RubyComponent>