wanted to load a class name "Landingpage" to body tag or main container div only if the first tab/section (Overview page) is active. tab sections are in a child component. Please help
https://codesandbox.io/s/nested-router-ui-cvdzpe?file=/src/DatavisualizationAll.js
https://cvdzpe.csb.app/SubpageLanding/Datavisualization
function Datavisualization(props) {
const [active, setActive] = useState("tab1");
const isActive = (key) => (active === key ? "active" : "");
className={active === "tab1" ? "landing-page" : ""}
kindly add some character in your class name "Landing Page" or remove space otherwise class will not work.