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

this.state = {
      openStates,
    };
  }

  onNavigate = () => {
    const { isMenuOpen, onToggleMenu } = this.props;

    if (isMenuOpen) {
      onToggleMenu();
    }
  };
}

export default withSiteData(withRouteData(Nav));

`

const page = ({ doc, config }) => (
  
    
    <footer>
      {config.repository &amp;&amp; (
        <a href="{`${config.repository}/blob/master${doc.editPath}`}">
           Edit this page
        </a>
      )}
    </footer>
  
)

export default withSiteData(withRouteData(page))

<div>
                                 submitFeedback(this.props.apiEndpoint, this.props.location.pathname, data)} /&gt;
                            </div>
                        
                    )}
                
                
            
        );
    }
}

export default withSiteData(withRouteData(withRouter(Doc)));

<div data-depth="-0.02"><img src="/assets/document.svg"></div>
                            <div data-depth="-0.04"><img src="/assets/document.svg"></div>
                            <div data-depth="-0.06"><img src="/assets/document.svg"></div>
                            <div data-depth="0.08"><img src="/assets/document.svg"></div>
                            <div data-depth="-0.02"><img src="/assets/document.svg"></div>
                            <div data-depth="-0.06"><img src="/assets/document.svg"></div>
                            <div data-depth="0.08"><img src="/assets/document.svg"></div>
                        
                    
                
            
        );
    }
}

export default withSiteData(withRouteData(withRouter(NotFound)));

history.push(href);
		}
	}

	render() {
		const { className, data } = this.props;

		const markdown = marked(data);

		return (
			<div></div>
		);
	}
}

export default withSiteData(withRouteData(withRouter(Content)))

)
  }
}

export default hot(module)(withSiteData(App))

SmashTierList.propTypes = {
  siteTitle: PropTypes.string.isRequired,
  siteRoot: PropTypes.string.isRequired,
  history: PropTypes.object.isRequired,
  route: PropTypes.string.isRequired,
  dispatch: PropTypes.func.isRequired,
  currentGame: PropTypes.object.isRequired,
  prevGame: PropTypes.object.isRequired,
  nextGame: PropTypes.object.isRequired,
  currentFilter: PropTypes.string.isRequired,
  eyeFilter: PropTypes.bool.isRequired,
  noMatch: PropTypes.bool.isRequired,
};

export default withSiteData(withRouter(
  connect(
    state => ({
      title: state.title,
      currentGame: currentGameSelector(state),
      prevGame: prevGameSelector(state),
      nextGame: nextGameSelector(state),
      currentFilter: state.currentFilter,
      eyeFilter: state.eyeFilter,
      noMatch: noMatchSelector(currentGameSelector(state)),
    }),
  )(SmashTierList),
));

<h3>Sponsers</h3>
							<hr>

							<a rel="nofollow" href="https://opencollective.com/csvhelper/sponsor/0/website">
								<img style="{{" data-canonical-src="https://opencollective.com/csvhelper/sponsor/0/avatar.svg" src="https://camo.githubusercontent.com/8c4b18a584bc3d249062d169f460ee2d3b8f7373/68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f63737668656c7065722f73706f6e736f722f302f6176617461722e737667">
							</a>
						
					
				
			
		);
	}
}

export default withSiteData(Home)

{/*
				The actual navbar above is fixed so we need to add the same amount of space
				to the top of the page so it's not hidden behind the header.
				*/}
				<div>
				</div>
			
		)
	}

}

export default withSiteData(Header)

<div>
                                     submitFeedback(this.props.apiEndpoint, '/home/', data)} /&gt;
                                </div>
                            
                        )}
                    
                    {this.props.viewData.enableSignup &amp;&amp; (
                        
                    )}
                
            );
    }
}

export default withSiteData(Home);