Topic: React scrollspy
                  
                  roshanpr
                  pro
                  asked 7 years ago
                
                Hi there,
I am trying to use the scrollspy code from https://mdbootstrap.com/react/advanced/scrollspy/
My imports are below.
import { Col, Container, Row, View, Mask, scrollSpySectionsOffset, ScrollSpyBox, ScrollSpyList, ScrollSpyListItem, ScrollSpyText} from 'mdbreact';
Getting the below error.
 
×
TypeError: Cannot read property 'includes' of undefined
ScrollRiseOfTechnology.componentDidMount
src/components/pages/ScrollRiseOfTechnology.js:19
                
                
                
                  
                  
                  
                    
                    
                
              
              
              
              16 | let scrollSpySections = this.scrollSpyText.getElementsByTagName('h4');
  17 | for (let i = 0; i < scrollSpySections.length; i++) {
  18 |   let currentOffsetTop = scrollSpySections[i].offsetTop - 16;
> 19 |   if (!scrollSpySectionsOffset.includes(currentOffsetTop)) {
  20 |     scrollSpySectionsOffset.push(currentOffsetTop);
  21 |   }
  22 | }
 
                
                  
                      
                        Add comment
                      
                    
                  
                
                      
                      Mikołaj Smoleński
                      staff
                        answered 7 years ago
                    
                    Hi,
Please change import part to this:
                    
                    
                    
                    
                  
                  
                import { Container, ScrollSpyBox, ScrollSpyList, ScrollSpyListItem, ScrollSpyText } from 'mdbreact';
const scrollSpySectionsOffset = [];
Regards
                    
                      FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
              Resolved
Specification of the issue
              - ForumUser: Pro
 - Premium support: No
 - Technology: MDB React
 - MDB Version: -
 - Device: -
 - Browser: -
 - OS: -
 - Provided sample code: No
 - Provided link: Yes
 
Tags