fix(utils): 🏷️ change type fixing prop inference issue in components

Author: Karthik-B-06

src/utils/createComponent.ts

@@ -4,7 +4,7 @@ import * as React from "react";
 import { createElement } from "./createElement";
 
 export function createComponent<Props extends {}>(
-  componentType: React.ElementType,
+  componentType: React.ComponentType<Props>,
   options?: { shouldMemo?: boolean },
 ):
   | React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>

src/utils/createElement.ts

@@ -1,16 +1,13 @@
 import React from "react";
 
 interface CreateElementProps<Props extends {}> {
-  componentType: React.ElementType;
+  componentType: React.ComponentType<Props>;
   props: Props;
 }
 
 export function createElement<Props extends {}>({
   componentType,
   props,
-}: CreateElementProps<Props>): React.ReactElement<
-  Props,
-  string | React.JSXElementConstructor<unknown>
-> {
+}: CreateElementProps<Props>): React.ReactElement<Props> {
   return React.createElement(componentType, props);
 }