build: Change in playroom version

Author: ldiaz-occ

package.json

@@ -72,7 +72,7 @@
     "jest": "^27.2.1",
     "jsdom": "^11.11.0",
     "npm-run-all": "^4.1.3",
-    "playroom": "^0.27.7",
+    "playroom": "^0.9.1",
     "prettier": "^2.0.4",
     "prism-react-renderer": "^1.2.1",
     "prop-types": "^15.6.0",
@@ -86,7 +86,7 @@
     "terser-webpack-plugin": "^5.1.1",
     "webpack": "^5.32.0",
     "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.2.1"
+    "webpack-dev-server": "^4.2.0"
   },
   "dependencies": {
     "class-autobind": "^0.1.4",
@@ -114,4 +114,4 @@
       "<rootDir>/lib/"
     ]
   }
-}
+}

playroom/FrameComponent.js

@@ -1,22 +1,31 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import injectSheet from 'react-jss';
 import MetaTags from 'react-meta-tags';
 
 import styles from './styles';
 
 class FrameComponent extends React.Component {
   render() {
-    const { children, classes } = this.props;
+    const { children } = this.props;
 
     return (
-        <>
-            <MetaTags>
-                <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600|Open+Sans:400,600,700" rel="stylesheet" />
-            </MetaTags>
-            {children}
-        </>
+      <>
+        <MetaTags>
+          <link
+            href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600|Open+Sans:400,600,700"
+            rel="stylesheet"
+          />
+        </MetaTags>
+        {children}
+      </>
     );
   }
 }
 
+FrameComponent.propTypes = {
+  children: PropTypes.node.isRequired,
+  classes: PropTypes.object.isRequired
+};
+
 export default injectSheet(styles)(FrameComponent);