Fix TypeScript errors

Author: anicyne

docusaurus.config.js

@@ -56,7 +56,7 @@ const config = {
 							const { blogPosts, defaultCreateFeedItems, ...rest } = params;
 							return defaultCreateFeedItems({
 								// keep only the 10 most recent blog posts in the feed
-								blogPosts: blogPosts.filter((item, index) => index < 10),
+								blogPosts: blogPosts.filter((_, index) => index < 10),
 								...rest,
 							});
 						},

dry-create-kolibri-templates/react-webpack/src/App.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import './App.css';
 import { KolButton } from '@public-ui/react';
 

dry-create-kolibri-templates/react-webpack/src/declare.d.ts

@@ -2,3 +2,5 @@ declare module '*.jpeg';
 declare module '*.jpg';
 declare module '*.png';
 declare module '*.gif';
+declare module '@unocss/webpack';
+declare module '@unocss/preset-mini';

dry-create-kolibri-templates/react-webpack/src/react.main.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { register } from '@public-ui/components';
 import { defineCustomElements } from '@public-ui/components/dist/loader';
 import { DEFAULT } from '@public-ui/themes';

package.json

@@ -58,6 +58,7 @@
 		"@docusaurus/types": "3.4.0",
 		"@tsconfig/docusaurus": "2.0.3",
 		"@types/prettier": "2.7.3",
+		"@types/react-dom": "18.3.0",
 		"@typescript-eslint/eslint-plugin": "7.18.0",
 		"@typescript-eslint/parser": "7.18.0",
 		"autoprefixer": "10.4.20",

pnpm-lock.yaml

@@ -32,16 +32,17 @@ function parseResult(name: string, result: string) {
 }
 
 export const BitvTestResult: FC = () => {
-	const [data, setData] = useState([]);
+	const [data, setData] = useState<{ component: string; bmf: string; zoll: string }[]>([]);
 
 	useEffect(() => {
 		getDataFromExcel()
 			.then((results) => {
-				console.log(results);
+				const typedResults = results as { [key: string]: string };
+				console.log(typedResults);
 				const data = [];
-				for (const key in results) {
+				for (const key in typedResults) {
 					// eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
-					data.push(parseResult(key, results[key]));
+					data.push(parseResult(key, typedResults[key]));
 				}
 				setData(data);
 				console.log(data);

src/components/BitvTestResults.tsx

@@ -169,7 +169,6 @@ export type TagName =
 	| 'modal'
 	| 'nav'
 	| 'pagination'
-	| 'popover'
 	| 'progress'
 	| 'quote'
 	| 'select'
@@ -181,7 +180,6 @@ export type TagName =
 	| 'tabs'
 	| 'tag'
 	| 'textarea'
-	| 'toast'
 	| 'tooltip'
 	| 'version';
 

src/components/LiveEditorCompact/types.d.ts

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

src/components/Mermaid.tsx

@@ -51,9 +51,9 @@ ELEMENTS.tags.forEach((tag) => {
 			}
 			const prop = PROPS.get(attribute.name);
 			if (prop) {
-				prop.get('components').add(componentName);
-				prop.get('descriptions').add(attribute.description);
-				prop.get('types').add(attribute.type.replace(/ \| undefined/g, ''));
+				prop.get('components')?.add(componentName);
+				prop.get('descriptions')?.add(attribute.description);
+				prop.get('types')?.add(attribute.type.replace(/ \| undefined/g, ''));
 			}
 		});
 	}

src/components/PropertiesOverview.tsx

@@ -4,7 +4,7 @@ import { useDocsPreferredVersion } from '@docusaurus/theme-common';
 import Link from '@docusaurus/Link';
 import { KolBadge, KolCard, KolHeading } from '@public-ui/react';
 
-import type { Language } from '../../shares/language';
+import type { Language, Locale } from '../../shares/language';
 import type { Version } from '../../shares/version';
 import { COMPONENT_SYNONYMS } from '../../shares/synonyms';
 import type { Component } from '../samplePreviews';
@@ -30,7 +30,11 @@ const LazyLoadComponent: FC<
 
 	const formattedComponentName = name.charAt(0).toUpperCase() + name.slice(1);
 
-	const SampleComponent = loadComponent();
+	interface SampleComponentProps {
+		lang: Locale;
+	}
+
+	const SampleComponent: React.FC<SampleComponentProps> = loadComponent();
 	if (!loadComponent) {
 		throw new Error(`Example component for ${name} not found`);
 	}