any idea of what's wrong with it?

Put braces around the call to

BottomAppBar

- it wants a composable lambda 🙂

Thanks, but I got it solved that issue using one of the samples here: https://compose.academy/academy/material/bottomappbar/, was a little confusing but now it works, this is my result

@Composable
@Preview(showBackground = true)
fun DefaultRecipeCard() {
    Scaffold(topAppBar = {
        TopAppBar(
            title = {
                Text(text = "ComposablecookBok")
            }
        )
    }, bodyContent = {
        RecipeList(defaultRecipes)
    }, bottomAppBar = {
        BottomAppBar(
            contentColor = Color.Black,
            backgroundColor = Color.White,
            cutoutShape = CircleShape
        ) {
            IconButton(icon = { Icon(asset = <http://Icons.Outlined.Menu|Icons.Outlined.Menu>) }, onClick = {})
            Spacer(Modifier.weight(1f, true))
            IconButton(icon = { Icon(asset = Icons.Outlined.Add) }, onClick = {})
        }
    }
    )
}