title: TypeError: bcLi.push(...) is not a function
body: <p>Hi everyone I'm pretty new to programming and don't really know how to fix errors. I got the code from my university and copied it 1:1. However I always get the error in the title. I think The teacher changed something and didn't change it in the documents she gave us. I googled the error and it seems to be pretty common but the structure is always different compared to my code. As I said I'm new to this and would also appreciate tips on how to fix things on my own in the future.</p>
  <p>This is the code. Please let me know if you need more info or other code from another sheet.</p>
  <pre><code>import'./BreadCrumb.css';
  import {crumbs} from'./data';
  
  function BreadCrumb() {
  //const crumbs=[&quot;Home&quot;,&quot;Service&quot;,&quot;Suche&quot;];
  let bcLi=[];
  for (let i=0; i&lt;crumbs.length-1;i++) 
  {
    bcLi.push(&lt;li className=&quot;breadcrumb-item&quot; key={1}&gt;{crumbs[i]}&lt;/li&gt;);
  }
  bcLi.push()(&lt;li className=&quot;breadrumb-item active&quot; key={crumbs.length-1} 
  aria-current=&quot;page&quot;&gt;{crumbs[crumbs.length-1]}&lt;/li&gt;);
  
  return (
    &lt;div className=&quot;bcd&quot;&gt;
      &lt;nav aria-aria-label=&quot;breadcrumb&quot;&gt;
        &lt;ol className=&quot;breadcrumb&quot;&gt;
          {bcLi}
        &lt;/ol&gt;
      &lt;/nav&gt;
    &lt;/div&gt;
  );
  }
  
  export default BreadCrumb;
  </code></pre>