useSelector() in Redux not rendering new value ❓

import { Action_Types } from "./value.types"


const Initial_State = {
    Test_Value: 0
}

export const Value_Reducer = (state = Initial_State, action) => {
    const { type, payload } = action

    switch (type) {
        case Action_Types.Set_Test_Value:
            return {
                ...state,
                Test_Value: payload
            }
        default:
            return state
    }
}

import React, { useEffect } from 'react'
import { Set_Test_Value } from './store/value/value.actions'
import { useDispatch } from 'react-redux'
import { useSelector } from 'react-redux'

function Test1() {

  const dispatch = useDispatch()

  const Test_Value = useSelector((state)=>state.value.Test_Value)
  
  
  const Increment = ()=>{
    console.log(Test_Value)
    dispatch(Set_Test_Value(Test_Value+1))
  }

  const Decrement = ()=>{
    if (Test_Value > 0) {
      dispatch(Set_Test_Value(Test_Value-1))
    }
  }

  useEffect(()=>console.log(Test_Value),[Test_Value])

  return (
    <>
      <h1>test1</h1>
      <input type="number" value={Test_Value} readOnly={true}/>
      <button onClick={Increment}>Increment</button>
      <button onClick={Decrement}>Decrement</button>
    </>
  )
}

export default Test1