عدم تفعيل كلاس معين باستخدام react hooks

السلام عليكم.

عندي مشكل في كيفية استخدام الهوكس لتحديد كلاس معين.

في المثال التالي 

<ul className = "navbar-links active-navbar">

الكود يعمل بشكل جيد.

أما في حالة الهوكس لم يقع التعرف على الكلاس رغم ظهورها في الكونسل

const [nav, setNav] = useState('.navbar-links')

  const animateNav = () => {
    nav === '.navbar-links' ? setNav('.navbar-links .active-navbar') : setNav('.navbar-links')
  }


*************************
<ul className = {nav}>

شكرا على المساعدة.