Toggle body class through Helmet

I’m trying to create an image overlay with no scroll, and I therefore need to style the body when my li is active. I’m trying to do this through Helmet, but it’s not working. It just says <body class=""> in the browser.

The component:

import React, { useState } from "react"
import { Helmet } from "react-helmet"

export default function ToggleActive({ children, size }) {
  const [isActive, setActive] = useState("false")

  const handleToggle = () => {

  return (
    <li className={isActive ? size : "active"} onClick={handleToggle}>
        <body className={isActive ? null : "no-scroll"} />
      <button onClick={handleToggle} />

What’s wrong here?