Pasar Array a FlatList React Native (sin renderizar)

Así que tengo esta matriz, como se muestra a continuación:

const categoryData=[
 {
 id: 1,
 name: "cat1",
 icon: icons.one
 },
 {
 id: 2,
 name: "cat2",
 icon: icons.two
 },
]

Estoy tratando de almacenarlo en una constante useState llamada categorías, y luego mostrar categorías en el parámetro de datos dentro de FlatList:

const [categories, setCategories] = React.useState(categoryData)

<FlatList
 data={categories}
 keyExtractor={item => `${item.id}`}
 renderItem={renderItem}
 numColumns={4}
 contentContainerStyle={{ padding: SIZES.padding }}
/>

Sin embargo, nada se representa cuando está dentro de FlatList (es importante tener en cuenta que FlatList se carga cuando se activa un Modal, y FlatList representa los elementos correctamente en data={categoryData}lugar de solo categorías).

Gracias por la ayuda.

Solución del problema

Si dice que funciona cuando se activa Modal, entonces el problema podría ser que sus datos no estén listos para cargarse. Te sugiero que pruebes:

{categories && <FlatList
data={categories}
keyExtractor={item => `${item.id}`}
renderItem={renderItem}
numColumns={4}
contentContainerStyle={{ padding: SIZES.padding }}/>}