How to use the react-static.withRouter function in react-static

return (
      
        
          {items.map(item => (
            
              {item}
            
          ))}
        
      
    );
  }
}

export default withRouter(Dropdown);

const DropdownWrapper = styled.div`
  width: 100px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
`;

const Dropdownlist = styled.select`
  position: absolute;
  background-color: #f0f6f8;
  padding: 5px 11px;
  z-index: 10;
  border: solid 1px #d8d8d8;
  border-top: none;

);
  }
}

DocsTemplate.propTypes = {
  children: PropTypes.array,
  doc: PropTypes.shape({
    data: PropTypes.object,
    content: PropTypes.string
  }),
  location: PropTypes.object,
  sidebarContent: PropTypes.array
};

export default withRouter(
  withRouteData(({ doc, sidebarContent, ...rest }) => (
    
  ))
);

]}
              />
            
          )}
        
      
    );
  }
}

Sidebar.propTypes = {
  content: PropTypes.array,
  location: PropTypes.object
};

export default withRouter(Sidebar);

<div>
                  <menu>
                </menu></div>
              
            
            <div>{children}</div>
          
        )}
      /&gt;
    )
  }
}

export default withRouter(Sidebar);

const breakpoint = 800
const sidebarBackground = '#f7f7f7'

const SidebarStyles = styled.div`
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-left: 300px;
  margin: 0 auto;
  transition: all 0.2s ease-out;

  @media screen and (max-width: ${breakpoint}px) {
    padding-left: 0px;
  }

);
  }
}

DocsTemplate.propTypes = {
  children: PropTypes.array,
  doc: PropTypes.shape({
    data: PropTypes.object
  }),
  location: PropTypes.object,
  sidebarContent: PropTypes.array
};

export default withRouter(
  withRouteData(({ doc, sidebarContent, sidebarNestedList, ...rest }) => (
    
  ))
);

className="sticky-header__icon-close"
                                onClick={this.handleCloseClick}
                            />
                        
                    )}
                    <button>
                
            
        );
    }
}

export default withRouter(StickyHeader);
</button>

<footer>
            
          
        
      
    );
  }
}

ContentWithSidebar.propTypes = {
  children: PropTypes.array,
  content: PropTypes.array,
  sidebarContent: PropTypes.array
};

export default withRouter(ContentWithSidebar);
</footer>

onChange={event =>
            this.setState(updateByPropertyName('password', event.target.value))
          }
          type="password"
          placeholder="password"
        />
        <button type="submit" disabled="{isInvalid}">
          Sign In
        </button>
        {error &amp;&amp; <p>{error.message}</p>}
      
    )
  }
}

export default withRouter(SignInForm)