docs(website): correct minor warnings and enable spelling checks

.cspell.json

@@ -109,7 +109,7 @@
   ],
   "overrides": [
     {
-      "filename": "**/*.{ts,js}",
+      "filename": "**/*.{ts,js,tsx,jsx}",
       "ignoreRegExpList": ["/@[a-z]+/", "/#(end)?region/"],
       "includeRegExpList": [
         "/\\/\\*[\\s\\S]*?\\*\\/|([^\\\\:]|^)\\/\\/.*$/",

package.json

@@ -29,7 +29,7 @@
     "check:configs": "lerna run check:configs",
     "check:docs": "lerna run check:docs",
     "check:format": "prettier --list-different \"./**/*.{ts,js,json,md}\"",
-    "check:spelling": "cspell --config=.cspell.json \"**/*.{md,ts,js}\"",
+    "check:spelling": "cspell --config=.cspell.json \"**/*.{md,mdx,ts,js,tsx,jsx}\"",
     "clean": "lerna clean && lerna run clean",
     "cz": "git-cz",
     "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json,md,css}\"",

website/src/pages/repl.tsx

@@ -1,31 +1,29 @@
 import React, { lazy, Suspense } from 'react';
 import Layout from '@theme/Layout';
 
-let Repl;
 /**
- * This is a hack for stuff that are bad in docosaurus
+ * we do not want to load playground for ssr
+ */
+const Playground = !process.env.IS_SERVER
+  ? lazy(() => import('../components/playground'))
+  : (): JSX.Element => <div />;
+
+/**
+ * This is a hack for stuff that are bad in docusaurus
  * https://reactjs.org/docs/error-decoder.html?invariant=294
  */
-if (!process.env.IS_SERVER) {
-  const Playground = lazy(() => import('../components/playground'));
+const SSRSuspense = !process.env.IS_SERVER
+  ? Suspense
+  : (props: { children: JSX.Element }): JSX.Element => props.children;
 
-  Repl = function () {
-    return (
-      <Layout title="Playground" description="Playground" noFooter={true}>
-        <Suspense fallback="loading">
-          <Playground />
-        </Suspense>
-      </Layout>
-    );
-  };
-} else {
-  Repl = function () {
-    return (
-      <Layout title="Playground" description="Playground" noFooter={true}>
-        <div />
-      </Layout>
-    );
-  };
+function Repl(): JSX.Element {
+  return (
+    <Layout title="Playground" description="Playground" noFooter={true}>
+      <SSRSuspense fallback="loading">
+        <Playground />
+      </SSRSuspense>
+    </Layout>
+  );
 }
 
 export default Repl;