Merge pull request #7 from realvjy/dev

Dev

src/index.tsx

@@ -1,2 +1,2 @@
 export * from "./lib/shapes";
-export { default as shapes, shapeTypes } from "./shapes";
+export { default as shapes, shapeTypes, getRandomShape } from "./shapes";

src/lib/iconBase.tsx

@@ -7,9 +7,8 @@ import React, {
 import NoiseMask from "./noiseMask";
 
 // icon base props
-export interface ShapeProps
-  extends RefAttributes<SVGSVGElement>,
-    Partial<SVGProps<SVGSVGElement>> {
+type svgProps = RefAttributes<SVGSVGElement> &  Partial<SVGProps<SVGSVGElement>>;
+export interface ShapeProps extends svgProps{
   size?: number;
   noise?: boolean;
 }

src/lib/shapes.tsx

@@ -20,21 +20,20 @@ const Coolshape: ForwardRefExoticComponent<ShapeOptions> = forwardRef(
   (options, ref) => {
     const { type, index, random, ...rest } = options;
 
-    let initialShape = null;
-    if (index !== undefined && type) {
-      initialShape = shapes[type][index];
+    if (index !== undefined && type && !random) {
+      const Shape = shapes[type][index];
+      return <Shape {...rest} ref={ref}/>
     }
-    const [Shape, setShape] = useState<ShapeType | null>(initialShape);
+
+    const [RandomShape, setRandomShape] = useState<ShapeType | null>(null);
     useEffect(() => {
-      if (random || !type || index === undefined) {
         const shape = getRandomShape({ type }) as ShapeType;
-        setShape(shape);
-      }
+        setRandomShape(shape);
     }, []);
-    if (!Shape) {
-      return null;
+    if (!RandomShape) {
+      return null; 
     }
-    return <Shape {...rest} ref={ref} />;
+    return <RandomShape {...rest} ref={ref} />;
   }
 );
 Coolshape.displayName = "Coolshape";