Как экспортировать код с переменными из файла js в react компоненту?

Мой код (возможно этот код кривой и его нужно исправить):

  let switchMode = document.getElementById("switchMode");
  let theme = true;

  switchMode.onclick = function(theme) {
    if(theme){
      theme = false;
    }else{
      theme = true;
    }
  }

как его экспортировать, чтобы можно было вставить в реакт так, чтобы при нажатии кнопки с id = "switchMode" я мог возвращать что-то одно?

import React from 'react';

function NavBar() {
 if(DarkMode){
  return (
      Белая тема
  )
 else{
  return (
      Темная тема
  )
}}