@qwickapps/react-framework 1.4.8 → 1.5.0

package/src/__tests__/schemas/transformers/ComponentSerializationPatterns.test.tsx

@@ -15,14 +15,14 @@ import { Serializable, SerializableConstructor } from '../../types/Serializable'
  * Generic test pattern for validating component serialization
  * This pattern should be used for all components implementing Serializable
  */
-export function testComponentSerialization<T extends Serializable>(
+export function testComponentSerialization(
   componentName: string,
   ComponentClass: SerializableConstructor,
   testCases: {
     name: string;
-    props: any;
-    expectedData?: any;
-    validate?: (element: ReactElement, originalProps: any) => void;
+    props: Record<string, unknown>;
+    expectedData?: Record<string, unknown>;
+    validate?: (element: ReactElement, originalProps: Record<string, unknown>) => void;
     shouldThrow?: boolean;
     errorMessage?: string;
   }[]
@@ -158,17 +158,17 @@ export function testComponentSerialization<T extends Serializable>(
 
 // Example component implementations for testing patterns
 class TestButton implements Serializable {
-  constructor(public props: { 
-    label?: string; 
+  constructor(public props: {
+    label?: string;
     variant?: 'primary' | 'secondary' | 'danger';
     disabled?: boolean;
     onClick?: () => void;
-    children?: any;
+    children?: React.ReactNode;
     className?: string;
     'data-testid'?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('button', {
       className: `btn ${jsonData.variant ? `btn-${jsonData.variant}` : 'btn-primary'} ${jsonData.className || ''}`.trim(),
       disabled: jsonData.disabled,
@@ -177,7 +177,7 @@ class TestButton implements Serializable {
     }, jsonData.label || jsonData.children || 'Button');
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       label: this.props.label,
       variant: this.props.variant,
@@ -196,13 +196,13 @@ class TestCard implements Serializable {
     content?: string;
     image?: string;
     imageAlt?: string;
-    actions?: any[];
-    metadata?: Record<string, any>;
+    actions?: unknown[];
+    metadata?: Record<string, unknown>;
     className?: string;
     elevation?: number;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     const actions = jsonData.actions ? ComponentTransformer.deserialize(jsonData.actions) : null;
 
     return React.createElement('div', {
@@ -231,7 +231,7 @@ class TestCard implements Serializable {
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       title: this.props.title,
       content: this.props.content,
@@ -249,14 +249,14 @@ class TestSection implements Serializable {
   constructor(public props: {
     title?: string;
     subtitle?: string;
-    children?: any;
+    children?: unknown;
     className?: string;
     backgroundColor?: string;
     padding?: string;
     id?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     const children = jsonData.children ? ComponentTransformer.deserialize(jsonData.children) : null;
 
     return React.createElement('section', {
@@ -276,7 +276,7 @@ class TestSection implements Serializable {
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       title: this.props.title,
       subtitle: this.props.subtitle,
@@ -300,7 +300,7 @@ class TestCode implements Serializable {
     filename?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     return React.createElement('div', {
       className: `code-container theme-${jsonData.theme || 'light'}`,
       'data-testid': 'test-code'
@@ -319,7 +319,7 @@ class TestCode implements Serializable {
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       code: this.props.code,
       language: this.props.language,
@@ -343,14 +343,14 @@ describe('Component Serialization Pattern Tests', () => {
     },
     {
       name: 'handle button with all props',
-      props: { 
-        label: 'Full Button', 
-        variant: 'danger', 
-        disabled: true, 
+      props: {
+        label: 'Full Button',
+        variant: 'danger',
+        disabled: true,
         className: 'custom-btn',
         'data-testid': 'full-button'
       },
-      validate: (element, props) => {
+      validate: (element) => {
         expect(element.props.className).toContain('btn-danger');
         expect(element.props.className).toContain('custom-btn');
         expect(element.props.disabled).toBe(true);
@@ -391,7 +391,7 @@ describe('Component Serialization Pattern Tests', () => {
       validate: (element) => {
         expect(element.props['data-elevation']).toBe(2);
         // Check for image in children
-        const imageChild = element.props.children.find((child: any) => child?.type === 'img');
+        const imageChild = element.props.children.find((child: unknown) => child?.type === 'img');
         expect(imageChild).toBeTruthy();
         expect(imageChild.props.src).toBe('https://example.com/image.jpg');
         expect(imageChild.props.alt).toBe('Test image');
@@ -476,14 +476,14 @@ describe('Component Serialization Pattern Tests', () => {
       validate: (element) => {
         expect(element.props.className).toContain('theme-dark');
         // Check for filename display
-        const filenameChild = element.props.children.find((child: any) => 
+        const filenameChild = element.props.children.find((child: unknown) => 
           child?.props?.className === 'code-filename'
         );
         expect(filenameChild).toBeTruthy();
         expect(filenameChild.props.children).toBe('example.js');
         
         // Check code block attributes
-        const preChild = element.props.children.find((child: any) => child?.type === 'pre');
+        const preChild = element.props.children.find((child: unknown) => child?.type === 'pre');
         expect(preChild.props['data-line-numbers']).toBe(true);
         expect(preChild.props['data-highlight-lines']).toBe('1,3');
         expect(preChild.props.style.maxHeight).toBe('300px');
@@ -493,7 +493,7 @@ describe('Component Serialization Pattern Tests', () => {
       name: 'handle empty code block',
       props: { language: 'text' },
       validate: (element) => {
-        const preChild = element.props.children.find((child: any) => child?.type === 'pre');
+        const preChild = element.props.children.find((child: unknown) => child?.type === 'pre');
         expect(preChild.props.className).toContain('language-text');
         expect(preChild.props.children.props.children).toBe('');
       }
@@ -511,7 +511,7 @@ describe('Component Serialization Pattern Tests', () => {
 
     it('should handle components with circular references in data', () => {
       const circularData = { name: 'circular' };
-      (circularData as any).self = circularData;
+      (circularData as unknown).self = circularData;
 
       // This should not crash, though the circular reference may be lost
       expect(() => {

package/src/__tests__/schemas/transformers/ComponentTransformer.htmlPatterns.test.ts

@@ -15,7 +15,7 @@ import { Code } from '../../../../schemas/transformers/components/blocks/Code';
 Object.defineProperty(global, 'DOMParser', {
   writable: true,
   value: class DOMParser {
-    parseFromString(htmlString: string, contentType: string) {
+    parseFromString(htmlString: string) {
       // Simple mock that creates elements for our tests
       const mockDoc = {
         body: {
@@ -102,7 +102,7 @@ describe('ComponentTransformer HTML Patterns', () => {
       const mockRegisterPatterns = jest.fn();
       Code.registerPatternHandlers = mockRegisterPatterns;
 
-      ComponentTransformer.registerComponent(Code as any);
+      ComponentTransformer.registerComponent(Code as unknown as React.ComponentType);
 
       expect(mockRegisterPatterns).toHaveBeenCalledWith(ComponentTransformer);
 
@@ -225,7 +225,7 @@ describe('ComponentTransformer HTML Patterns', () => {
   describe('Code Component Integration', () => {
     test('should register Code component patterns', () => {
       // Register Code component
-      ComponentTransformer.registerComponent(Code as any);
+      ComponentTransformer.registerComponent(Code as unknown as React.ComponentType);
 
       // Check that patterns were registered
       expect(ComponentTransformer.hasPattern('pre code')).toBe(true);
@@ -233,7 +233,7 @@ describe('ComponentTransformer HTML Patterns', () => {
     });
 
     test('should transform pre+code elements', () => {
-      ComponentTransformer.registerComponent(Code as any);
+      ComponentTransformer.registerComponent(Code as unknown as React.ComponentType);
 
       // Create pre+code element
       const pre = document.createElement('pre');
@@ -266,7 +266,7 @@ describe('ComponentTransformer HTML Patterns', () => {
     });
 
     test('should handle missing code child in pre element', () => {
-      ComponentTransformer.registerComponent(Code as any);
+      ComponentTransformer.registerComponent(Code as unknown);
 
       const pre = document.createElement('pre');
       pre.textContent = 'Just text, no code element';

package/src/__tests__/schemas/transformers/ComponentTransformer.test.ts

@@ -23,14 +23,14 @@ class MockButton implements Serializable {
   
   constructor(public props: { label?: string; variant?: string; onClick?: () => void }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('button', {
-      className: `btn-${jsonData.variant || 'default'}`,
-      onClick: jsonData.onClick
-    }, jsonData.label || 'Button');
+      className: `btn-${(jsonData.variant as string) || 'default'}`,
+      onClick: jsonData.onClick as (() => void) | undefined
+    }, (jsonData.label as string) || 'Button');
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {
       label: this.props.label,
       variant: this.props.variant,
@@ -42,10 +42,10 @@ class MockButton implements Serializable {
 class MockCard implements Serializable {
   static readonly tagName = 'Card';
   static readonly version = '1.0.0';
-  
-  constructor(public props: { title?: string; content?: string; children?: any }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  constructor(public props: { title?: string; content?: string; children?: React.ReactNode }) {}
+
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('div', {
       className: 'card'
     }, [
@@ -54,7 +54,7 @@ class MockCard implements Serializable {
     ]);
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       title: this.props.title,
       content: this.props.content
@@ -367,7 +367,7 @@ describe('ComponentTransformer', () => {
       const result = ComponentTransformer.deserialize(input);
       expect(Array.isArray(result)).toBe(true);
       
-      const elements = result as any[];
+      const elements = result as unknown[];
       expect(elements[0]).toBe('plain text');
       expect(React.isValidElement(elements[1])).toBe(true);
       expect(elements[2]).toBe(42);
@@ -477,7 +477,7 @@ describe('ComponentTransformer', () => {
       const result = ComponentTransformer.deserialize(mixedArray);
       expect(Array.isArray(result)).toBe(true);
       
-      const elements = result as any[];
+      const elements = result as unknown[];
       expect(elements).toHaveLength(3);
       expect(elements[0]).toBe('Text node');
       expect(React.isValidElement(elements[1])).toBe(true);

package/src/__tests__/schemas/transformers/CrossBrowserCompatibility.test.ts

@@ -62,14 +62,14 @@ class CrossBrowserTestComponent implements Serializable {
     text?: string;
     number?: number;
     boolean?: boolean;
-    array?: any[];
-    object?: Record<string, any>;
+    array?: unknown[];
+    object?: Record<string, unknown>;
     date?: string;
     unicode?: string;
     specialChars?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('div', {
       'data-testid': 'cross-browser-test',
       'data-text': jsonData.text,
@@ -81,14 +81,14 @@ class CrossBrowserTestComponent implements Serializable {
       'data-unicode': jsonData.unicode,
       'data-special-chars': jsonData.specialChars
     }, [
-      jsonData.text ? React.createElement('span', { key: 'text' }, jsonData.text) : null,
-      jsonData.number !== undefined ? React.createElement('span', { key: 'number' }, jsonData.number.toString()) : null,
-      jsonData.boolean !== undefined ? React.createElement('span', { key: 'boolean' }, jsonData.boolean.toString()) : null,
-      jsonData.unicode ? React.createElement('span', { key: 'unicode' }, jsonData.unicode) : null
+      jsonData.text ? React.createElement('span', { key: 'text' }, jsonData.text as string) : null,
+      jsonData.number !== undefined ? React.createElement('span', { key: 'number' }, (jsonData.number as number).toString()) : null,
+      jsonData.boolean !== undefined ? React.createElement('span', { key: 'boolean' }, (jsonData.boolean as boolean).toString()) : null,
+      jsonData.unicode ? React.createElement('span', { key: 'unicode' }, jsonData.unicode as string) : null
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {
       text: this.props.text,
       number: this.props.number,
@@ -218,7 +218,7 @@ describe('Cross-Browser Compatibility Tests', () => {
         { name: 'mixed', text: 'Hello 世界 🌍 مرحبا Привет!' }
       ];
 
-      unicodeTests.forEach(({ name, text }) => {
+      unicodeTests.forEach(({ text }) => {
         const testData = {
           tagName: 'CrossBrowserTest',
           version: '1.0.0',
@@ -338,7 +338,7 @@ describe('Cross-Browser Compatibility Tests', () => {
         {
           name: 'sparse array',
           data: {
-            sparse: [1, , , 4, , 6] // Sparse array with holes
+            sparse: [1, undefined, undefined, 4, undefined, 6] // Array with undefined values
           }
         }
       ];

package/src/__tests__/schemas/transformers/MockSerializableComponent.ts

@@ -27,18 +27,18 @@ export class MockSerializableComponent implements Serializable {
     children?: React.ReactNode;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('div', {
-      className: `mock-component ${jsonData.variant || 'default'}`,
+      className: `mock-component ${(jsonData.variant as string) || 'default'}`,
       'data-testid': 'mock-component'
-    }, [
-      jsonData.title && React.createElement('h3', { key: 'title' }, jsonData.title),
-      jsonData.content && React.createElement('p', { key: 'content' }, jsonData.content),
+    }, ([
+      jsonData.title && React.createElement('h3', { key: 'title' }, jsonData.title as string),
+      jsonData.content && React.createElement('p', { key: 'content' }, jsonData.content as string),
       jsonData.children
-    ].filter(Boolean));
+    ].filter(Boolean) as React.ReactNode[]));
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {
       title: this.props.title,
       content: this.props.content,
@@ -64,15 +64,15 @@ export class AlternativeMockComponent implements Serializable {
     active?: boolean;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('button', {
-      className: `alt-mock ${jsonData.type || 'default'}`,
+      className: `alt-mock ${(jsonData.type as string) || 'default'}`,
       'data-active': jsonData.active,
       'data-testid': 'alternative-mock'
-    }, jsonData.label || 'Alternative Component');
+    }, (jsonData.label as string) || 'Alternative Component');
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {
       label: this.props.label,
       type: this.props.type,
@@ -89,15 +89,15 @@ export const AlternativeMockComponentClass = AlternativeMockComponent as unknown
 export class InvalidMockComponent implements Serializable {
   // Missing static tagName and version properties intentionally
 
-  constructor(public props: any) {}
+  constructor(public props: Record<string, unknown>) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(): ReactElement {
     return React.createElement('div', {}, 'Invalid Component');
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {};
   }
 }
 
-export const InvalidMockComponentClass = InvalidMockComponent as any; // Intentionally not typed as SerializableConstructor
+export const InvalidMockComponentClass = InvalidMockComponent as unknown; // Intentionally not typed as SerializableConstructor

package/src/__tests__/schemas/transformers/RealWorldScenarios.test.tsx

@@ -30,11 +30,11 @@ class RealButton implements Serializable {
     className?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     const isLink = !!jsonData.href;
     const element = isLink ? 'a' : 'button';
-    
-    const props: any = {
+
+    const props: Record<string, unknown> = {
       id: jsonData.id,
       className: [
         'btn',
@@ -75,7 +75,7 @@ class RealButton implements Serializable {
     return React.createElement(element, props, children);
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {
       id: this.props.id,
       label: this.props.label,
@@ -113,14 +113,14 @@ class RealCard implements Serializable {
       category?: string;
       readTime?: string;
     };
-    actions?: any[];
+    actions?: React.ReactNode[];
     variant?: 'default' | 'outlined' | 'elevated';
     clickable?: boolean;
     href?: string;
     className?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     const actions = jsonData.actions ? ComponentTransformer.deserialize(jsonData.actions) : null;
     const isClickable = jsonData.clickable || jsonData.href;
     
@@ -194,7 +194,7 @@ class RealCard implements Serializable {
       ].filter(Boolean))
     ].filter(Boolean);
 
-    const props: any = {
+    const props: unknown = {
       id: jsonData.id,
       className: [
         'card',
@@ -216,7 +216,7 @@ class RealCard implements Serializable {
     return React.createElement('div', props, cardContent);
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       id: this.props.id,
       title: this.props.title,
@@ -238,7 +238,7 @@ class RealSection implements Serializable {
     id?: string;
     title?: string;
     subtitle?: string;
-    children?: any;
+    children?: unknown;
     layout?: 'container' | 'full-width' | 'grid';
     columns?: number;
     gap?: string;
@@ -250,18 +250,18 @@ class RealSection implements Serializable {
     'data-section'?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     const children = jsonData.children ? ComponentTransformer.deserialize(jsonData.children) : null;
     
     const sectionStyle: React.CSSProperties = {
       backgroundColor: jsonData.backgroundColor,
       backgroundImage: jsonData.backgroundImage ? `url(${jsonData.backgroundImage})` : undefined,
       padding: jsonData.padding,
-      textAlign: jsonData.textAlign as any,
+      textAlign: jsonData.textAlign as unknown,
       gap: jsonData.gap
     };
 
-    const contentProps: any = {
+    const contentProps: unknown = {
       className: 'section-content'
     };
 
@@ -305,7 +305,7 @@ class RealSection implements Serializable {
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       id: this.props.id,
       title: this.props.title,
@@ -330,7 +330,7 @@ class RealFormField implements Serializable {
     name: string;
     label?: string;
     type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'textarea' | 'select';
-    value?: any;
+    value?: unknown;
     placeholder?: string;
     required?: boolean;
     disabled?: boolean;
@@ -349,7 +349,7 @@ class RealFormField implements Serializable {
     className?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     const fieldId = jsonData.id || `field-${jsonData.name}`;
     const hasError = !!jsonData.error;
     
@@ -381,7 +381,7 @@ class RealFormField implements Serializable {
         'aria-describedby': jsonData.helperText || jsonData.error ? `${fieldId}-help` : undefined
       }, [
         React.createElement('option', { key: 'empty', value: '' }, 'Select an option'),
-        ...(jsonData.options || []).map((option: any, index: number) => 
+        ...(jsonData.options || []).map((option: unknown, index: number) => 
           React.createElement('option', { 
             key: index, 
             value: option.value 
@@ -439,7 +439,7 @@ class RealFormField implements Serializable {
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       id: this.props.id,
       name: this.props.name,
@@ -917,10 +917,10 @@ describe('Real-World Component Serialization Scenarios', () => {
         }
       };
 
-      Object.entries(variations).forEach(([name, variation]) => {
+      Object.entries(variations).forEach(([, variation]) => {
         const result = ComponentTransformer.deserialize(variation);
         expect(React.isValidElement(result)).toBe(true);
-        
+
         const button = result as ReactElement;
         expect(button.type).toBe('button');
         expect(button.props.className).toContain('btn');

package/src/__tests__/schemas/transformers/SerializationErrorHandling.test.ts

@@ -16,14 +16,14 @@ import { Serializable, SerializableConstructor } from '../../types/Serializable'
 class ErrorTestButton implements Serializable {
   constructor(public props: { label?: string; throwOnFromJson?: boolean; throwOnToJson?: boolean }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     if (jsonData.throwOnFromJson) {
       throw new Error('Intentional fromJson error for testing');
     }
-    return React.createElement('button', {}, jsonData.label || 'Button');
+    return React.createElement('button', {}, (jsonData.label as string) || 'Button');
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     if (this.props.throwOnToJson) {
       throw new Error('Intentional toJson error for testing');
     }
@@ -37,21 +37,21 @@ class ErrorTestButton implements Serializable {
 
 class InvalidComponentClass {
   // This class does not implement Serializable interface
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(): ReactElement {
     return React.createElement('div', {}, 'Invalid component');
   }
   // Missing toJson method
 }
 
 class MalformedFromJsonComponent implements Serializable {
-  constructor(public props: any) {}
+  constructor(public props: Record<string, unknown>) {}
 
-  static fromJson(jsonData: any): any {
+  static fromJson(): unknown {
     // Returns non-ReactElement (invalid)
     return { invalid: 'return value' };
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return this.props;
   }
 }
@@ -233,7 +233,7 @@ describe('Component Serialization Error Handling', () => {
         '{"duplicate": "key", "duplicate": "key2"}', // Valid JSON but semantically questionable
       ];
 
-      malformedJsonInputs.forEach((input, index) => {
+      malformedJsonInputs.forEach((input) => {
         if (input !== '{"duplicate": "key", "duplicate": "key2"}') { // This is actually valid JSON
           expect(() => {
             ComponentTransformer.deserialize(input);
@@ -258,7 +258,7 @@ describe('Component Serialization Error Handling', () => {
     });
 
     it('should handle deeply nested JSON structures', () => {
-      let deepObject: any = { tagName: 'ErrorTestButton', version: '1.0.0', data: {} };
+      let deepObject: unknown = { tagName: 'ErrorTestButton', version: '1.0.0', data: {} };
       
       // Create 1000 levels of nesting
       for (let i = 0; i < 1000; i++) {
@@ -273,7 +273,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should handle JSON with circular references (after JSON.stringify)', () => {
       // Since JSON.stringify removes circular references, we test the behavior
-      const obj: any = { tagName: 'ErrorTestButton', version: '1.0.0', data: {} };
+      const obj: unknown = { tagName: 'ErrorTestButton', version: '1.0.0', data: {} };
       obj.circular = obj;
 
       expect(() => {
@@ -318,7 +318,7 @@ describe('Component Serialization Error Handling', () => {
     it('should handle component class without proper static methods', () => {
       // Try to register a class that doesn't properly implement the interface
       expect(() => {
-        ComponentTransformer.registerComponent('InvalidClass', InvalidComponentClass as any);
+        ComponentTransformer.registerComponent('InvalidClass', InvalidComponentClass as unknown);
       }).not.toThrow(); // Registration succeeds, but usage will fail
       
       const invalidComponent = {
@@ -363,7 +363,7 @@ describe('Component Serialization Error Handling', () => {
 
       nonObjectInputs.forEach((input, index) => {
         expect(() => {
-          const result = ComponentTransformer.deserialize(input as any);
+          const result = ComponentTransformer.deserialize(input as unknown);
           // Should return the input as-is for primitive values
           if (input !== undefined && typeof input !== 'symbol' && typeof input !== 'function') {
             expect(result).toBe(input);
@@ -402,11 +402,11 @@ describe('Component Serialization Error Handling', () => {
         { tagName: 123, version: '1.0.0', data: {} }, // Non-string tag
       ];
 
-      fakeComponentData.forEach((fake, index) => {
+      fakeComponentData.forEach((fake) => {
         expect(() => {
-          const result = ComponentTransformer.deserialize(fake);
+          ComponentTransformer.deserialize(fake);
           // Should handle gracefully - some might deserialize, others might throw
-        }).not.toThrow(`Fake component ${index} should not crash the system`);
+        }).not.toThrow();
       });
     });
   });