(case (s/lower-case (get-in @tab-content [:tab]))
          "apply"         ^{:key 1} [styxponent/fragment {:id "5bZdOSO9KmARsNwFDj67Qg"}]
          "grievences"    ^{:key 2} [styxponent/fragment {:id "2Dld9Iw6XiZF412hIoOUH"}]
          "resources"     ^{:key 3} [styxponent/fragment {:id "1WE5w5eMGFhRjQXSTd4Ll7"}]
          "pharmacy"      ^{:key 4} [styxponent/fragment {:id "YtnfeGlyB7Msj4ImqLDNO"}]
          "forms"         ^{:key 5} [styxponent/fragment {:id "2ARljtDZ5o64T6MMaDIIs2"}]
          )

this also does not re-render:

[styxponent/fragment {:id (case (s/lower-case (get-in @tab-content [:tab]))
                                    "apply"         "5bZdOSO9KmARsNwFDj67Qg"
                                    "grievences"    "2Dld9Iw6XiZF412hIoOUH"
                                    "resources"     "1WE5w5eMGFhRjQXSTd4Ll7"
                                    "pharmacy"      "YtnfeGlyB7Msj4ImqLDNO"
                                    "forms"         "2ARljtDZ5o64T6MMaDIIs2"
                                    )}]

wtf?

I can see the props updated in React DevTools, but the fragment render body is never called