fix: FixedForwardRef and defaultProps

Author: phphe

src/App.tsx

@@ -1,5 +1,6 @@
 import BaseExample from "./examples/base";
 import StickyExample from "./examples/sticky";
+
 function App() {
   return (
     <>

src/VirtualList.tsx

@@ -1,17 +1,17 @@
 import React, {
   useState,
   useMemo,
-  useEffect, useRef, ReactNode, useLayoutEffect, useImperativeHandle, forwardRef as forwardRef0,
+  useEffect, useRef, ReactNode, useLayoutEffect, useImperativeHandle,
 } from 'react';
 
 type OptionalKeys<T> = {
   [K in keyof T]?: T[K];
 };
 // fix forwardRef type for generic types. refer: https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-type FixedForwardRef = < T, P = {} > (
+export type FixedForwardRef = < T, P = {} > (
   render: (props: P, ref: React.Ref<T>) => React.ReactElement | null,
 ) => (props: P & React.RefAttributes<T>) => React.ReactElement | null;
-const forwardRef = forwardRef0 as FixedForwardRef
+const forwardRef = React.forwardRef as FixedForwardRef
 
 export type Props<ITEM> = {
   itemSize?: number,
@@ -31,7 +31,7 @@ export interface VirtualListHandle {
   scrollToIndex(index: number): void
 }
 
-const VirtualList0 = function <ITEM>(
+export const VirtualList = forwardRef(function <ITEM>(
   props: Props<ITEM>,
   ref: React.ForwardedRef<VirtualListHandle>
 ) {
@@ -113,8 +113,7 @@ const VirtualList0 = function <ITEM>(
       {visible.map((item, i) => props.renderItem(item, visibleIndexes[i]))}
     </div>
   </div>
-}
-
-VirtualList0.defaultProps = defaultProps
+})
 
-export const VirtualList = forwardRef(VirtualList0)
+// @ts-ignore
+VirtualList.defaultProps = defaultProps