Solid context doesnt work

import { createContext, useContext } from "solid-js"
import { createStore } from "solid-js/store"

const CartContext = createContext({})

type CartItem = {
    item: string,
    amount: number
}

type CartProviderProps = {
    children: any // dunno how to type children ;-; docs doest help 
}


export function CartProvider({
    children
}: CartProviderProps) {

    const [cartData, setCartData] = createStore<CartItem[]>([])

    // Actions
    function addToCart(item: string, amount: number) {

        setCartData([...cartData, {
            item, amount
        }])
    }
    function removeFromCart(itemId: string) {

        setCartData(cartData.filter(item => item.item !== itemId))
    }
    function changeItemAmount(itemId: string, amount: number) {

        setCartData(cartData.map(item => {
            if (item.item === itemId) {
                return {
                    ...item,
                    amount
                }
            }

            return item
        }))
    }

    return (
        <CartContext.Provider value={{
            cartData,
            addToCart,
            removeFromCart,
            changeItemAmount,
        }}>
            {children}
        </CartContext.Provider>
    )
}

export function useCart() { return useContext(CartContext) }