Bug corrected and better controll on rerender in mycomponent

frontend/src/components/MyComponent.js

@@ -121,9 +121,17 @@ class MyComponent extends Component {
 
   shouldComponentUpdate(nextProps, nextState) {
     if (this.nextProps && typeof this.nextProps.visible != 'undefined' && !this.nextProps.visible) {
-      // don't rerender components that are not visible.
+      // don't rerender components that won't be visible.
       return false;
     }
+    if (this.props.visible === false && !this.nextProps) {
+      // don't rerender components if it is still not visible
+      return false;
+    }
+    // if (this.nextProps && typeof this.nextProps.visible != 'undefined' && this.nextProps.visible) {
+    //   // render if nextprops should be visible
+    //   return true;
+    // }
     return true;
   }
 

frontend/src/components/university/modules/UniversityGeneral.js

@@ -37,7 +37,7 @@ function renderCore(rawModelData, classes, outsideData) {
   return (
     <div>
       <Grid container spacing={16} direction='row'>
-        <Grid item xs={4} alignItems='center' style={{ display: 'inline-flex' }}>
+        <Grid item xs={4} style={{ display: 'inline-flex', alignItems: 'center' }}>
           {
             logo != '' ?
               <img style={{ width: "100%" }} src={logo} />