fix: declarations of ContentSwitcher, Switch, Slider, SkeletonIcon

packages/react/src/components/ContentSwitcher/index.js → packages/react/src/components/ContentSwitcher/index.ts

@@ -5,9 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { ComponentClass } from 'react';
 import { createClassWrapper } from '../../internal/createClassWrapper';
-import ContentSwitcherCarbon from './ContentSwitcher';
+import ContentSwitcherCarbon, { ContentSwitcherProps } from './ContentSwitcher';
 
-const ContentSwitcher = createClassWrapper(ContentSwitcherCarbon);
+const ContentSwitcher = createClassWrapper(
+  ContentSwitcherCarbon as ComponentClass<ContentSwitcherProps>
+);
 export default ContentSwitcher;
 export { ContentSwitcher };

packages/react/src/internal/createClassWrapper.js → packages/react/src/internal/createClassWrapper.tsx

@@ -5,22 +5,21 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
+import React, { ComponentClass, FunctionComponent } from 'react';
 
 /**
  * Wrap a class component with a functional component. This prevents an end-user
  * from being able to pass `ref` and access the underlying class instance.
- *
- * @param {ReactNode} Component
- * @returns {ReactNode}
  */
-export function createClassWrapper(Component) {
+export function createClassWrapper<Props>(
+  Component: ComponentClass<Props>
+): FunctionComponent<Props> {
   function ClassWrapper(props) {
     return <Component {...props} />;
   }
 
   const name = Component.displayName || Component.name;
   ClassWrapper.displayName = `ClassWrapper(${name})`;
 
-  return ClassWrapper;
+  return ClassWrapper as FunctionComponent<Props>;
 }