diff --git a/src/components/videoPlayer/icons.tsx b/src/components/videoPlayer/icons.tsx
index 6b297e4c9..ec64a8e5f 100644
--- a/src/components/videoPlayer/icons.tsx
+++ b/src/components/videoPlayer/icons.tsx
@@ -100,8 +100,8 @@ export const SkipDurationBackIcon = () => {
       height="20"
       fill="none"
       stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
+      strokeWidth="2"
+      strokeLinecap="round"
       stroke-linejoin="round"
     >
       <polygon points="19 4 12 12 19 20 19 4" />
@@ -119,8 +119,8 @@ export const SkipDurationNextIcon = () => {
       height="20"
       fill="none"
       stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
+      strokeWidth="2"
+      strokeLinecap="round"
       stroke-linejoin="round"
     >
       <polygon points="5 4 12 12 5 20 5 4" />
diff --git a/tsconfig.json b/tsconfig.json
index 3c4144d07..380aa006a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,7 +2,11 @@
   "compilerOptions": {
     "baseUrl": ".",
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -12,7 +16,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react-jsx",
+    "jsx": "preserve",
     "incremental": true,
     "plugins": [
       {
@@ -20,10 +24,14 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"],
-      "@public/*": ["./public/*"]
+      "@/*": [
+        "./src/*"
+      ],
+      "@public/*": [
+        "./public/*"
+      ]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
-}
\ No newline at end of file
+}