Fix typescript errors

src/renderer/editor/ApiLink.tsx

@@ -4,12 +4,13 @@ import './ApiLink.css';
  * Links to a section of the student API documentation, opening the help window or just jumping to
  * the appropriate section if the window is already open. The single text node child of this
  * component is used as the link text.
+ * @param props
  * @param props.dest - the section of the docs to jump to. TODO: figure out format
  * @param props.code - whether to display the link text in a monospaced font.
  */
 export default function ApiLink({
   dest,
-  code = false,
+  code,
   children,
 }: {
   dest: string;
@@ -24,3 +25,12 @@ export default function ApiLink({
     </button>
   );
 }
+/**
+ * Default props for ApiLink.
+ */
+ApiLink.defaultProps = {
+  /**
+   * By default, link text is displayed in the inherited font.
+   */
+  code: false,
+};

src/renderer/editor/HighlightedCode.tsx

@@ -7,15 +7,16 @@ import './HighlightedCode.css';
  * valid children of this component is text containing the code to be displayed. Common indentation
  * is removed from each line of code before display. Only spaces are considered indentation; tabs,
  * half-width spaces, and nonbreaking spaces are treated as content.
+ * @param props
  * @param props.indent - number of spaces of indentation to prepend to each line, after common
  * indentation is removed.
  */
 export default function HighlightedCode({
   children,
-  indent = 0,
+  indent,
 }: {
   children: string;
-  indent: number?;
+  indent: number;
 }) {
   const lines = children.split('\n');
   if (lines.length && !lines[0].trim()) {
@@ -28,7 +29,7 @@ export default function HighlightedCode({
   const minIndent = Math.min(
     ...lines
       .filter((line) => line.trim().length)
-      .map((line) => line.match(/^ */)[0].length),
+      .map((line) => line.match(/^ */)![0].length),
   );
   const formatted = lines
     .map((line) => ' '.repeat(indent) + line.slice(minIndent))
@@ -45,3 +46,12 @@ export default function HighlightedCode({
     />
   );
 }
+/**
+ * Default props for HighlightedCode.
+ */
+HighlightedCode.defaultProps = {
+  /**
+   * No indentation is added to code lines after stripping common indentation by default.
+   */
+  indent: 0,
+};

src/renderer/modals/ConfirmModal.tsx

@@ -16,14 +16,14 @@ export default function ConfirmModal({
   onConfirm,
   isActive,
   modalTitle,
-  noAutoClose = false,
+  noAutoClose,
   children,
 }: {
   onClose: () => void;
   onConfirm: () => void;
   isActive: boolean;
   modalTitle: string;
-  noAutoClose?: boolean;
+  noAutoClose: boolean;
   children: ReactNode;
 }) {
   const handleConfirm = () => {
@@ -46,8 +46,7 @@ export default function ConfirmModal({
   );
 }
 /**
- * Default properties for ConfirmModal. Not sure why we need this if we have the default
- * deconstruction parameter but the linter cries if we leave it out.
+ * Default properties for ConfirmModal.
  */
 ConfirmModal.defaultProps = {
   /**

src/renderer/modals/Modal.tsx

@@ -14,13 +14,13 @@ export default function Modal({
   isActive,
   modalTitle,
   children,
-  className = '',
+  className,
 }: {
   onClose: () => void;
   isActive: boolean;
   modalTitle: string;
   children: ReactNode;
-  className?: string;
+  className: string;
 }) {
   return (
     <div className={`Modal${isActive ? ' Modal-active' : ''}`}>