Fixed issues with preview parser and MAterial-UI warning

Author: tonyito

src/components/CodePreview.tsx

@@ -26,7 +26,13 @@ class CodePreview extends Component<Props> {
         }}
       >
         <SyntaxHighlighter style={hybrid}>
-          {format(componentRender(focusComponent, components))}
+          {format(componentRender(focusComponent, components), {
+          singleQuote: true,
+          trailingComma: 'es5',
+          bracketSpacing: true,
+          jsxBracketSameLine: true,
+          parser: 'typescript'
+        })}
         </SyntaxHighlighter>
       </div>
     );

src/components/SimpleModal.tsx

@@ -70,7 +70,7 @@ const SimpleModal = (props: any) => {
           >
             <CloseIcon />
           </IconButton>
-          <Typography variant="title" id="modal-title">
+          <Typography variant="h6" id="modal-title">
             {message}
           </Typography>
           <div>{children}</div>