Context Provider only getting default values - can't update

  <AdventurerNameProvider client:load>
    <AdventurerDetails client:load />
  </AdventurerNameProvider>

import { createContext, useContext, createSignal, createEffect } from 'solid-js'

export const AdventurerNameContext = createContext(['default value', () => {    console.log('AHHHHH')
}])

export const AdventurerNameProvider = (props) => {
  const [adventurersName, setAdventurersName] = createSignal('dfdsdsf')

  createEffect(() => {
    console.log('a test: ', adventurersName())
  })

  return (
    <AdventurerNameContext.Provider
      value={[adventurersName, setAdventurersName]}
    >
      {props.children}
    </AdventurerNameContext.Provider>
  )
}

export const createAdventurersName = () => {
  const newAdventurersName = useContext(AdventurerNameContext)[0]
  return newAdventurersName
}

export const createSetAdventurersName = () => {
  const newSetAdventurersName = useContext(AdventurerNameContext)[1]
  return newSetAdventurersName
}