diff --git a/src/components/NewPost.js b/src/components/NewPost.js
index a8f64ec..15c61f1 100644
--- a/src/components/NewPost.js
+++ b/src/components/NewPost.js
@@ -2,35 +2,23 @@ import React from 'react';
 import ReactMde from "react-mde";
 import ReactMarkdown from 'react-markdown';
 import 'github-markdown-css'
+import "react-mde/lib/styles/css/react-mde-all.css"
 
-class NewPost extends React.Component {
-  constructor (props) {
-    super(props)
-    this.state = {
-        title: '',
-        content: ''
-    }
-  }
-  handleChange = value => {
-    this.setState({ mdeValue: value });
-  };
-
-
-  render () {
+const NewPost = (props) => {
+  const [value, setValue] = React.useState("**Hello world!!!**");
+  const [selectedTab, setSelectedTab] = React.useState("write");
     return(
       <div className="container">
         <ReactMde
-          value={this.state.content}
-          /*
+          value={value}
           onChange={setValue}
           selectedTab={selectedTab}
           onTabChange={setSelectedTab}
-          */
-          generateMarkdownPreview={(markdown) => <ReactMarkdown source={markdown} />}
+          generateMarkdownPreview={(markdown) =>
+            Promise.resolve(<ReactMarkdown source={markdown} />)}
         />
       </div>
     )
-  }
 }
 
 export default NewPost;