From 3b7a26e78eaa39792444ab01b2728f0b73d700a7 Mon Sep 17 00:00:00 2001
From: Vojtech Simetka <vojtech@simetka.cz>
Date: Thu, 18 Feb 2021 09:04:34 +0100
Subject: [PATCH] fix: properly mark jsx and tsx code blocks

---
 docs/tutorials/create-dapp.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/tutorials/create-dapp.md b/docs/tutorials/create-dapp.md
index 893ae662..718bd907 100644
--- a/docs/tutorials/create-dapp.md
+++ b/docs/tutorials/create-dapp.md
@@ -115,7 +115,7 @@ Now let's edit the main App file.
   ]}>
   <TabItem value="ts">
 
-```ts title="src/App.tsx"
+```tsx title="src/App.tsx"
 import React, { useState } from 'react'
 import './App.css'
 import { Bee } from '@ethersphere/bee-js'
@@ -164,7 +164,7 @@ export default App
   </TabItem>
   <TabItem value="js">
 
-```js title="src/App.jsx"
+```jsx title="src/App.jsx"
 import React, { useState } from 'react'
 import './App.css'
 import { Bee } from '@ethersphere/bee-js'
@@ -257,7 +257,7 @@ At the bottom of the `App` function there is a JSX code with a header, simple fo
   ]}>
   <TabItem value="ts">
 
-```ts
+```tsx
 function App() {
   const [ file, setFile ] = useState<File | null>(null)
   const [ link, setLink ] = useState<string | null>(null)
@@ -282,7 +282,7 @@ function App() {
   </TabItem>
   <TabItem value="js">
 
-```js
+```jsx
 function App() {
   const [ file, setFile ] = useState(null)
   const [ link, setLink ] = useState(null)