Fix TypeScript errors

Author: anicyne

src/components/ExampleLink.tsx

@@ -4,10 +4,11 @@ import type { FC } from 'react';
 import { useDocsPreferredVersion } from '@docusaurus/theme-common';
 import VERSIONS from '../../versions.json';
 import { translate } from '@docusaurus/Translate';
-import { Version } from '../shares/version';
+import type { Version } from '../shares/version';
+import Heading from '@theme/Heading';
 
 interface ComponentProps {
-	component: React.ComponentType<string>;
+	component: string;
 }
 export const ExampleLink: FC<ComponentProps> = ({ component }) => {
 	const docVersion = useDocsPreferredVersion();
@@ -25,12 +26,12 @@ export const ExampleLink: FC<ComponentProps> = ({ component }) => {
 
 	return (
 		<div>
-			<h2>
+			<Heading as="h2">
 				{translate({
 					id: 'custom.view-example',
 					message: 'Beispiel ansehen',
 				})}
-			</h2>
+			</Heading>
 			<KolLink
 				_href={`https://public-ui.github.io/${version}/sample-react/#/${component}`}
 				_label={translate({

src/components/LiveEditorCompact.tsx

@@ -55,7 +55,7 @@ function fillDefaultValues(): TagNameToAttributes {
 
 			// apply certain provided demo values
 			if (typeof demoValues[tagName]?.[attribute.name] !== 'undefined') {
-				result[tagName][attribute.name] = demoValues[tagName]![attribute.name];
+				result[tagName][attribute.name] = demoValues[tagName][attribute.name];
 			}
 		});
 

src/components/Mermaid.tsx

@@ -9,7 +9,7 @@ type MermaidProps = {
 
 let mermaidTimeout: NodeJS.Timeout;
 
-export const mermaidLoadContent = (config: any) => {
+export const mermaidLoadContent = (config: unknown) => {
 	if (config) {
 		// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
 		mermaid.initialize(Object.assign({ startOnLoad: true }, config));

src/shares/fetch-excel.ts

@@ -33,9 +33,9 @@ function getDataFromSheets(queryList: unknown[], resultList: Record<string, unkn
 		// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 		const query = queryList.shift();
 		// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-		const { sheet, promise } = query as any;
+		const { sheet, promise } = query as { sheet: string; promise: Promise<unknown> };
 		// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-		promise.then((result: unknown) => {
+		void promise.then((result: unknown) => {
 			// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
 			resultList[sheet] = result;
 			resolve(getDataFromSheets(queryList, resultList));

src/shares/store.ts

@@ -66,7 +66,7 @@ export const setTheme = (theme: Theme) => {
 		STORE.theme = theme;
 		setStore();
 	} else {
-		throw new Error(`The theme identifier "${theme}" is not valid or an available option.`);
+		throw new Error(`The theme identifier "${theme as string}" is not valid or an available option.`);
 	}
 };