请使用

import { useEffect } from 'react';

function ContentContainer({ header, content, descriptionExample, additiv, linkToSite, linkText }) {
  useEffect(() => {
    if (typeof window !== 'undefined') {
      // Check if the current URL has a hash
      if (window.location.hash) {
        // Get the element with the corresponding id
        const element = document.getElementById(window.location.hash.substring(1));
        if (element) {
          // Scroll to the element
          element.scrollIntoView({ behavior: 'smooth' });
        }
      }
    }
  }, []);

  return (
    <div id={header} className={style['content-container']}>
      <div onClick={() => iconClicked(header)} className={style['content-container-header']}>
        <Link smooth to={header}>{header}</Link>
        <div className={style['header-anker-icon']}>
          <InsertLinkOutlinedIcon className={style['link-icon']} />
        </div>
      </div>
      <div className={style['content-container-content']}>{content}</div>
      <img className={style['content-container-img-example']} src={example} />
      <div className={style['content-container-description']}>{descriptionExample}</div>
      <div className={style['content-container-additiv']}>{additiv}</div>
      <a className={style['content-container-link']} href={linkToSite}>
        {linkText}
        <InsertLinkOutlinedIcon className={style['link-icon']} />
      </a>
    </div>
  );
}

export default ContentContainer;