diff --git a/frontend/src/Album/Details/AlbumDetailsPageConnector.js b/frontend/src/Album/Details/AlbumDetailsPageConnector.js
index 158906939..776fa8a6d 100644
--- a/frontend/src/Album/Details/AlbumDetailsPageConnector.js
+++ b/frontend/src/Album/Details/AlbumDetailsPageConnector.js
@@ -34,6 +34,10 @@ const mapDispatchToProps = {
class AlbumDetailsPageConnector extends Component {
+ constructor(props) {
+ super(props);
+ this.state = { hasMounted: false };
+ }
//
// Lifecycle
@@ -50,6 +54,7 @@ class AlbumDetailsPageConnector extends Component {
populate = () => {
const foreignAlbumId = this.props.foreignAlbumId;
+ this.setState({ hasMounted: true });
this.props.fetchAlbums({ foreignAlbumId });
}
@@ -75,7 +80,7 @@ class AlbumDetailsPageConnector extends Component {
);
}
- if (isAlbumsFetching) {
+ if (isAlbumsFetching || !this.state.hasMounted) {
return (
);
@@ -87,7 +92,7 @@ class AlbumDetailsPageConnector extends Component {
);
}
- if (!isAlbumsFetching && isAlbumsPopulated) {
+ if (!isAlbumsFetching && isAlbumsPopulated && this.state.hasMounted) {
return (