.eslintrc.js

@@ -78,6 +78,7 @@ module.exports = {
         '@eslint-react/dom/no-dangerously-set-innerhtml': 0, // used for for injecting html tags
         '@eslint-react/no-array-index-key': 0,
         '@eslint-react/no-unused-class-component-members': 0, // disabled for ".d.ts" files
+        '@eslint-react/no-leaked-conditional-rendering': 'error', // important ! avoids rendering 0
       },
     },
     {

src/components/Charts/Bar.tsx

@@ -293,9 +293,7 @@ const Bar = ({
           />
         </g>
       ) : (
-        height > 0 &&
-        dataload.value &&
-        dataload.value >= 0 && (
+        Boolean(height > 0 && dataload.value && dataload.value >= 0) && (
           // default colored bar
           <g
             className="barValue"

src/components/Options/ProfileTypeOptions/ProfileTypeOptions.tsx

@@ -97,7 +97,7 @@ const ProfileTypeOptions = () => {
                   <div className="value">
                     {t(`profile_type.housing_type.${profileType.housingType}`)}
                   </div>
-                  {profileType.constructionYear && (
+                  {Boolean(profileType.constructionYear) && (
                     <div className="value">
                       {t(
                         `profile_type.construction_year.${