Change type Gene. Expect SVGGElement

src/scripts/component/selected-chromosome.ts

@@ -78,12 +78,12 @@ export default function () {
         );
 
       selectedChromosomeUpdate
-        .select<SVGElement>("." + classes.rule)
+        .select<SVGGElement>("." + classes.rule)
         .datum<GenericAxisData>(d => d.rule)
         .call(ruleComponent, width, 0)
 
       selectedChromosomeUpdate
-        .select<SVGElement>("." + classes.genes)
+        .select<SVGGElement>("." + classes.genes)
         .datum<GeneData[]>(d => d.genes)
         .call(geneComponent, ruleComponent.scale(), 20, 70);
 

src/scripts/component/sequence/gene.ts

@@ -11,7 +11,7 @@ import { GeneData, PositionedGeneData } from "../../types";
 
 export default function () {
   function gene(
-    _selection: Selection<SVGElement, Array<GeneData>, SVGElement, any>,
+    _selection: Selection<SVGGElement, Array<GeneData>, any, any>,
     xScale: ScaleLinear<number, number>,
     geneHeight: number = 30,
     yPosition: number = 60