How to use the teselagen-react-components.withSelectedEntities function in teselagen-react-components

}
    },
    {
      path: "forward",
      displayName: "Strand",
      type: "boolean",
      render: val => (val ? "+" : "-")
    },
    { width: 200, path: "sequence", displayName: "Sequence", type: "string" },
    { path: "pam", displayName: "PAM", type: "string" },
    { path: "onTargetScore", displayName: "On-Target", type: "number" },
    { path: "offTargetScore", displayName: "Off-Target", type: "number" }
  ]
};

export default withSelectedEntities("guideTable")(GuideTool);

}}
            disabled={!(duplicatesToRemoveSelectedEntities || []).length}
          >
            Remove {duplicatesToRemoveSelectedEntities.length} Duplicates
          
        
      
    );
  }
}

export default compose(
  withDialog(),
  withEditorProps,

  withSelectedEntities("duplicatesToRemove"),

  reduxForm({
    form: "RemoveDuplicatesDialog"
  }),
  formValues("ignoreName", "ignoreStrand", "ignoreStartAndEnd")
)(RemoveDuplicatesDialog);

export default compose(
  connectToEditor(editorState => {
    const {
      readOnly,
      annotationVisibility = {},
      sequenceData: { sequence = "" } = {}
    } = editorState;
    return {
      readOnly,
      annotationVisibility,
      orfs: selectors.orfsSelector(editorState),
      sequenceLength: sequence.length
    };
  }),
  withSelectedEntities("orfProperties")
)(OrfProperties);

);
    }
  }

  return compose(
    connectToEditor(({ readOnly, annotationVisibility = {}, sequenceData }) => {
      return {
        annotationVisibility,
        readOnly,
        annotations: sequenceData[annotationType + "s"],
        [annotationType + "s"]: sequenceData[annotationType + "s"],
        sequenceLength: sequenceData.sequence.length
      };
    }),
    withSelectedEntities("annotationProperties")
  )(AnnotationProperties);
};

export default compose(
  connectToEditor(
    ({
      readOnly,
      annotationVisibility = {},
      sequenceData: { sequence = "", parts = {} } = {}
    }) => {
      return {
        readOnly,
        parts,
        annotationVisibility,
        sequenceLength: sequence.length
      };
    }
  ),
  withSelectedEntities("partProperties")
)(PartProperties);

schema={this.schema}
          entities={cutsitesToUse}
        />
      
    );
  }
}

export default compose(
  connectToEditor(editorState => {
    return {
      annotationVisibility: editorState.annotationVisibility || {},
      filteredCutsites: selectors.filteredCutsitesSelector(editorState)
    };
  }),
  withSelectedEntities("cutsiteProperties")
)(CutsiteProperties);

export default compose(
  connectToEditor(
    ({
      readOnly,
      annotationVisibility = {},
      sequenceData: { sequence = "", features = {} } = {}
    }) => {
      return {
        annotationVisibility,
        readOnly,
        features,
        sequenceLength: sequence.length
      };
    }
  ),
  withSelectedEntities("featureProperties")
)(FeatureProperties);

const ColorPickerPopover = ({ readOnly, onColorSelect, children }) => {
  return (
    }
    >
      {children}
    
  );
};

overflowY: "auto",
                                    whiteSpace: "nowrap",
                                    fontSize: 13,
                                    textAlign: "center"
                                }}>
                                    <b>{mismatchList[0].name}</b>
                                 */}
            {tableOfMismatches}
          
        
      
    );
  }
}

export default withSelectedEntities("mismatchesTable")(Mismatches);

export default compose(
  connectToEditor(
    ({
      readOnly,
      annotationVisibility = {},
      sequenceData: { sequence = "", primers = {} } = {}
    }) => {
      return {
        readOnly,
        annotationVisibility,
        primers,
        sequenceLength: sequence.length
      };
    }
  ),
  withSelectedEntities("primerProperties")
)(PrimerProperties);

}
}

export default compose(
  connectToEditor(editorState => {
    const { readOnly, annotationVisibility = {}, sequenceData } = editorState;
    return {
      readOnly,
      translations: selectors.translationsSelector(editorState),
      orfs: selectors.orfsSelector(editorState),
      annotationVisibility,
      sequenceLength: (sequenceData.sequence || "").length,
      sequenceData
    };
  }),
  withSelectedEntities("translationProperties")
)(TranslationProperties);