chore(gatsby): migrate spinner to typescript (#22080)

packages/gatsby-cli/src/reporter/loggers/ink/cli.js

@@ -3,9 +3,8 @@ import { Box, Static } from "ink"
 import isTTY from "../../../util/is-tty"
 import { trackBuildError } from "gatsby-telemetry"
 
-import Spinner from "../ink/components/spinner"
+import { Spinner } from "../ink/components/spinner"
 import { ProgressBar } from "../ink/components/progress-bar"
-
 import { Message } from "../ink/components/messages"
 import Error from "./components/error"
 import Develop from "../ink/components/develop"

packages/gatsby-cli/src/reporter/loggers/ink/components/spinner.tsx

@@ -0,0 +1,20 @@
+import React from "react"
+import { Box } from "ink"
+import InkSpinner from "ink-spinner"
+
+interface IProps {
+  text: string
+  statusText?: string
+}
+export function Spinner({ text, statusText }: IProps): JSX.Element {
+  let label = text
+  if (statusText) {
+    label += ` — ${statusText}`
+  }
+
+  return (
+    <Box>
+      <InkSpinner type="dots" /> {label}
+    </Box>
+  )
+}