diff --git a/core/docz-components/package.json b/core/docz-components/package.json
index 5947a10a0..fd58855ec 100644
--- a/core/docz-components/package.json
+++ b/core/docz-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docz-components",
-  "version": "2.0.0-rc.8",
+  "version": "2.0.0-rc.9",
   "main": "dist/index.js",
   "module": "dist/docz-components.esm.js",
   "typings": "dist/index.d.ts",
diff --git a/core/docz-components/src/components/Playground/index.tsx b/core/docz-components/src/components/Playground/index.tsx
index e7847ce87..bee3c15f7 100644
--- a/core/docz-components/src/components/Playground/index.tsx
+++ b/core/docz-components/src/components/Playground/index.tsx
@@ -18,8 +18,13 @@ type Props = {
         [key: string]: any;
       }
     | undefined;
-  showPlaygroundEditor: boolean;
-  showLiveError: boolean;
+  showPlaygroundEditor?: boolean;
+  showLiveError?: boolean;
+  className?: string;
+  style?: any;
+  wrapper?: any;
+
+  position?: any;
 };
 
 export const Playground = ({