How to use stickybits

constructor() {
  super();
  this.wrapper = null;
  this.setWrapperRef = (element) => {
   this.wrapper = element;
  };

  this.createStickyWrapper = () => {
   if (this.wrapper) {
    this.stickyWrapper = stickybits(this.wrapper, {
     stickyBitStickyOffset: parseInt(headerHeight, 10),
    });
   }
  };

  this.cleanupStickyWrapper = () => {
   if (this.stickyWrapper) {
    this.stickyWrapper.cleanup();
   }
  };
 }

constructor(props) {
  super(props);
  this.wrapper = null;

  this.setWrapperRef = (element) => {
   this.wrapper = element;
  };

  this.createStickyWrapper = () => {
   if (this.wrapper) {
    const offset = this.props.isSideBar
     ? parseInt(headerHeight, 10) + parseInt(searchBarHeight, 10)
     : 0;
    this.stickyWrapper = stickybits(this.wrapper, {
     stickyBitStickyOffset: offset,
    });
   }
  };

  this.cleanupStickyWrapper = () => {
   if (this.stickyWrapper) {
    this.stickyWrapper.cleanup();
   }
  };
 }

constructor(props) {
  super(props);
  this.wrapper = null;

  this.setWrapperRef = (element) => {
   this.wrapper = element;
  };

  this.createStickyWrapper = () => {
   if (this.wrapper) {
    this.stickyWrapper = stickybits(this.wrapper, {
     stickyBitStickyOffset:
      parseInt(headerHeight, 10) +
      parseInt(addedCourseListSwitchHeight, 10),
    });
   }
  };

  this.cleanupStickyWrapper = () => {
   if (this.stickyWrapper) {
    this.stickyWrapper.cleanup();
   }
  };
 }

constructor() {
  super();
  this.wrapper = null;
  this.setWrapperRef = (element) => {
   this.wrapper = element;
  };

  this.createStickyWrapper = () => {
   if (this.wrapper) {
    this.stickyWrapper = stickybits(this.wrapper, {
     stickyBitStickyOffset: parseInt(headerHeight, 10),
    });
   }
  };

  this.cleanupStickyWrapper = () => {
   if (this.stickyWrapper) {
    this.stickyWrapper.cleanup();
   }
  };
 }

constructor() {
  super();
  this.wrapper = null;
  this.setWrapperRef = (element) => {
   this.wrapper = element;
  };

  this.createStickyWrapper = () => {
   if (this.wrapper) {
    this.stickyWrapper = stickybits(this.wrapper, {
     stickyBitStickyOffset: parseInt(headerHeight, 10),
    });
   }
  };

  this.cleanupStickyWrapper = () => {
   if (this.stickyWrapper) {
    this.stickyWrapper.cleanup();
   }
  };
 }

constructor() {
  super();
  this.wrapper = null;
  this.setWrapperRef = (element) => {
   this.wrapper = element;
  };

  this.createStickyWrapper = () => {
   if (this.wrapper) {
    this.stickyWrapper = stickybits(this.wrapper, {
     stickyBitStickyOffset: parseInt(headerHeight, 10),
    });
   }
  };

  this.cleanupStickyWrapper = () => {
   if (this.stickyWrapper) {
    this.stickyWrapper.cleanup();
   }
  };
 }

constructor(props) {
  super(props);
  this.wrapper = null;

  this.setWrapperRef = (element) => {
   this.wrapper = element;
  };

  this.createStickyWrapper = () => {
   if (this.wrapper) {
    this.stickyWrapper = stickybits(this.wrapper, {
     stickyBitStickyOffset:
      parseInt(headerHeight, 10) +
      parseInt(addedCourseListSwitchHeight, 10),
    });
   }
  };

  this.cleanupStickyWrapper = () => {
   if (this.stickyWrapper) {
    this.stickyWrapper.cleanup();
   }
  };
 }

constructor() {
  super();
  this.wrapper = null;
  this.setWrapperRef = (element) => {
   this.wrapper = element;
  };

  this.createStickyWrapper = () => {
   if (this.wrapper) {
    this.stickyWrapper = stickybits(this.wrapper, {
     stickyBitStickyOffset: parseInt(headerHeight, 10),
    });
   }
  };

  this.cleanupStickyWrapper = () => {
   if (this.stickyWrapper) {
    this.stickyWrapper.cleanup();
   }
  };

  this.fallButtonId = "button--fall";
  this.springButtonId = "button--spring";
  this.fallSemester = "fall";
  this.springSemester = "spring";
 }

constructor(props) {
  super(props);
  this.wrapper = null;

  this.setWrapperRef = (element) => {
   this.wrapper = element;
  };

  this.createStickyWrapper = () => {
   if (this.wrapper) {
    const offset = this.props.isSideBar
     ? parseInt(headerHeight, 10) + parseInt(searchBarHeight, 10)
     : 0;
    this.stickyWrapper = stickybits(this.wrapper, {
     stickyBitStickyOffset: offset,
    });
   }
  };

  this.cleanupStickyWrapper = () => {
   if (this.stickyWrapper) {
    this.stickyWrapper.cleanup();
   }
  };
 }

constructor() {
  super();
  this.wrapper = null;
  this.setWrapperRef = (element) => {
   this.wrapper = element;
  };

  this.createStickyWrapper = () => {
   if (this.wrapper) {
    this.stickyWrapper = stickybits(this.wrapper, {
     stickyBitStickyOffset: parseInt(headerHeight, 10),
    });
   }
  };

  this.cleanupStickyWrapper = () => {
   if (this.stickyWrapper) {
    this.stickyWrapper.cleanup();
   }
  };

  this.fallButtonId = "button--fall";
  this.springButtonId = "button--spring";
  this.fallSemester = "fall";
  this.springSemester = "spring";
 }