Fix terminal-in-react TypeScript bug

README.md

@@ -39,6 +39,7 @@ Check out our [Next.js deployment documentation](https://nextjs.org/docs/deploym
 - [ ] Navbar logo and darkmode toogle unresponsive on small devices. Can be solved by specifying the correct padding and margin or make flexbox container (I think)
 - [ ] Lighthouse performance bug caused by next/Image (Ref: [Lighthouse](https://github.com/GoogleChrome/lighthouse/issues/11631) & [Next.js](https://github.com/vercel/next.js/issues/20611))
 - [ ] Translating the page using Microsoft Edge causing card to overflow (`pages/index.tsx`)
+- [ ] `terminal-in-react@4.3.1` can't provide TypeScript props to component
 
 ## To Do List 👀
 

components/About.tsx → components/About.jsx

@@ -32,6 +32,8 @@ class AboutContent extends Component {
 							skills: this.skills,
 						}}
 						msg="Hi! Welcome to about page - Type 'help' to list all supported commands"
+						closedTitle=""
+						closedMessage="Click on the icon to reopen"
 					/>
 				</div>
 			</AboutWrapper>

pages/post/[slug].tsx

@@ -129,7 +129,7 @@ export default function Post({ post }: Post): JSX.Element {
 						<DiscussionEmbed
 							shortname="mekelilyasa"
 							config={{
-								url: `http://localhost:3000/post/${post.slug}`,
+								url: `https://mekelilyasa.now.sh/post/${post.slug}`,
 								identifier: post.slug,
 								title: post.title,
 							}}

tsconfig.json

@@ -14,6 +14,6 @@
 		"isolatedModules": true,
 		"jsx": "preserve"
 	},
-	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "components/About.jsx"],
 	"exclude": ["node_modules"]
 }