- disabled: this.props.disabled,
- })
- }
- private renderError = (error: Error): ReactNode => {
- return <ErrorElement name={error.name} message={error.message} />
- }
- private renderComponentReadyTimeoutWarning = (): ReactNode => {
- const message =
- `Your app is having trouble loading the **${this.props.element.componentName}** component. ` +
- `\n\n(The app is attempting to load the component from **${this.props.element.url}**, and hasn't ` +
- `received its **"${ComponentMessageType.COMPONENT_READY}"** message.)` +
- "\n- If this is a development build, have you started the dev server?" +
- "\n- If this is a release build, have you compiled the frontend?" +
- `\n\nFor more troubleshooting help, please see the [Streamlit Component docs](${COMPONENT_DEVELOPER_URL}) ` +
- `or visit our [forums](${COMMUNITY_URL}).`
- return (
- <Alert width={this.props.width} body={message} kind={Kind.WARNING} />
- )
