Невозможность обновления состояния кнопки

import React, { useState, useEffect } from "react";
import "./TaskItem.css"
import 'bootstrap/dist/css/bootstrap.min.css';
import {Button  } from "@chakra-ui/button"
import "react-icons/fa";
import { Stack } from '@chakra-ui/react'
import { MdTableRestaurant } from 'react-icons/md';
import { RiArchiveDrawerFill } from 'react-icons/ri';
 
function Panel(props) {
 
  const [currentState, setCurrentState ] = useState("active");
 
  const toggleButtonView = () => {
    if (currentState == "backlog") 
    {
      setCurrentButton(activeButton)
      setCurrentState("active")
      console.log("Set to active");
    } 
    else if (currentState == "active") 
    {
      setCurrentButton(backlogButton)
      setCurrentState("backlog")
      console.log("Set to backlog");
    }
    console.log("Current state is: " + currentState);
  }
 
 
  const activeButton = 
  (
    <Button onClick={ toggleButtonView } leftIcon={<MdTableRestaurant />} colorScheme='teal' variant='outline'>
      Стол
    </Button>
  )
 
  const backlogButton = 
  (
    <Button onClick={ toggleButtonView }  leftIcon={<RiArchiveDrawerFill />} colorScheme='teal' variant='outline'>
      Ящик
    </Button>
  )
 
  const [currentButton, setCurrentButton] = useState(activeButton);
 
    return (
      <div>
        <Stack direction='row' 
        spacing={4}
        m="30px">
          { currentButton }
        </Stack>
      </div>
      
    )
}
export default Panel;

import React from 'react';
import ReactDOM from 'react-dom/client';
 
function App() {
    const [btn, setBtn] = React.useState(true)
    const action = React.useCallback(_ => {
        setBtn(old => !old)
    })
    return (
        <>
            {btn 
                ? <Btn1 action={action} /> 
                : <Btn2 action={action} />
            }
        </>
    )
}
function Btn1({action}) {
    return (
        <button onClick={action}>
            Кнопка 1
        </button>
    )
}
function Btn2({action}) {
    return (
        <button onClick={action}>
            Кнопка 2
        </button>
    )
}
 
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);

function Panel(props) {
  
  const CustomButton = ( { buttonName } ) => (
  
    <Button onClick={ toggleButtonView } leftIcon={<MdTableRestaurant />} colorScheme='teal' variant='outline'>
      { buttonName }
    </Button>
    
  )
 
  const toggleButtonView =  () => {
    if (currentState == "backlog")
    {
      setCurrentState("active")
      console.log("State was changed to ative");
    } 
    else if (currentState == "active")
    {
      setCurrentState("backlog")
      console.log("State was changed to backlog");
    }    
    console.log("Current state: " + currentState);
  }
 
  const [currentState, setCurrentState ] = useState("active");
 
  
    return (
      <div>
        <Stack direction='row' 
        spacing={4}
        m="30px">
          <CustomButton buttonName={ currentState }/> 
          <p>{ currentState }</p>
        </Stack>
      </div>      
    )
}
 
export default Panel;

function Panel(props) {
  
  const toggleButtonView =  () => {
    if (currentState == "backlog")
    {
      setCurrentState("active")
      props.changeTableState("active")
      console.log("State was changed to ative");
    } 
    else if (currentState == "active")
    {
      setCurrentState("backlog")
      props.changeTableState("backlog")
      console.log("State was changed to backlog");
    }    
  }
 
  const [currentState, setCurrentState ] = useState("active");
 
    return (
      <div>
        <Stack direction='row' 
        spacing={4}
        m="30px">
          <CustomButton buttonName={ currentState } toggleButtonView={ () =>  toggleButtonView() }/> 
        </Stack>
      </div>      
    )
}
 
export default Panel;

function CustomButton(props) {
    return (
    <Button onClick={ props.toggleButtonView } leftIcon={<MdTableRestaurant />} colorScheme='teal' variant='outline'>
        { props.buttonName }
    </Button>
    )
}
 
export default CustomButton