Merge pull request #2 from khairul169/merge-remote

merge remote

components/ui/code-editor.tsx

@@ -33,7 +33,8 @@ const CodeEditor = (props: Props) => {
 
     monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
       target: monaco.languages.typescript.ScriptTarget.Latest,
-      allowNonTsExtensions: true,
+      allowNonTsExtensions: false,
+      allowImportingTsExtensions: true,
       moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
       module: monaco.languages.typescript.ModuleKind.CommonJS,
       noEmit: true,

pages/project/@slug/components/file-viewer.tsx

@@ -40,15 +40,13 @@ const FileViewer = ({ id }: Props) => {
     return <p>File not found.</p>;
   }
 
-  const { filename } = data;
-
   if (!data.isFile) {
     return (
       <Suspense fallback={<LoadingLayout />}>
         <CodeEditor
-          filename={filename}
+          filename={data.filename}
           path={data.path}
-          value={data?.content || ""}
+          value={data.content || ""}
           formatOnSave
           onChange={(val) => {
             updateFileContent.mutate({