Can't use hooks

[RodolfoRdz11]

Hi, I was trying to add actions dynamically but when I wanted to use the hooks useKBar to get the store, I get this error

My code:
`import {
KBarAnimator,
KBarProvider,
KBarPortal,
KBarPositioner,
KBarSearch,
useKBar
} from 'kbar'
import { useStyles } from "./styles"
import clsx from "clsx"

import { useCommandBarActions } from './actions'
import { CommandBarResults } from './Results'

export function CommandBar() {
const classes = useStyles()
const state = useKBar(state => state)
const commandBarActions = useCommandBarActions()

return (
    <KBarProvider actions={commandBarActions}>
        <KBarPortal>
            <KBarPositioner className={classes.positioner}>
                <KBarAnimator className={clsx('kbar-blur', classes.animator)}>
                    <KBarSearch
                        className={classes.search}
                        defaultPlaceholder="Buscar"
                    />
                    <CommandBarResults />
                </KBarAnimator>
            </KBarPositioner>
        </KBarPortal>
    </KBarProvider>
)

}`

[RodolfoRdz11]

Solved: the hook was outside the context provider...