Setting up css maxHeight for sliding effect in react

 Setting up maxHeight for sliding effect in react

import React, { useState, useRef, useEffect } from "react";
//...
 const accordionItemContentRef = useRef(null);
 useEffect(() => {
  if (accordionItemContentRef.current && slideEffect) {
    accordionItemContentRef.current.style.maxHeight =
      activeIndex === null
        ? 0
        : accordionItemContentRef.current.scrollHeight + "px";
  }
}, [activeIndex]);
//...
<div ref={accordionItemContentRef} // Ref to the content div