1.4.3

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "challenge",
-    "version": "1.4.2",
+    "version": "1.4.3",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "challenge",
-            "version": "1.4.2",
+            "version": "1.4.3",
             "license": "ISC",
             "dependencies": {
                 "@brojs/cli": "^1.9.4",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "challenge",
-    "version": "1.4.2",
+    "version": "1.4.3",
     "description": "",
     "main": "./src/index.tsx",
     "scripts": {

src/components/personal/LearningMaterialViewer.tsx

@@ -234,7 +234,14 @@ export const LearningMaterialViewer = ({
             }
           }}
         >
-          <ReactMarkdown remarkPlugins={[remarkGfm]}>
+          <ReactMarkdown 
+            remarkPlugins={[remarkGfm]}
+            components={{
+              a: ({ node: _node, ...props }) => (
+                <a {...props} target="_blank" rel="noopener noreferrer" />
+              )
+            }}
+          >
             {pages[currentPage]}
           </ReactMarkdown>
         </Box>

src/components/personal/TaskWorkspace.tsx

@@ -274,7 +274,16 @@ export const TaskWorkspace = ({ task, onTaskComplete, onTaskSkip }: TaskWorkspac
             }
           }}
         >
-          <ReactMarkdown remarkPlugins={[remarkGfm]}>{task.description}</ReactMarkdown>
+          <ReactMarkdown 
+            remarkPlugins={[remarkGfm]}
+            components={{
+              a: ({ node: _node, ...props }) => (
+                <a {...props} target="_blank" rel="noopener noreferrer" />
+              )
+            }}
+          >
+            {task.description}
+          </ReactMarkdown>
         </Box>
       </Box>