# useGridFolders

**Category:** Base Components/Collections/GridFolders/useGridFolders

## API

### Description

`useGridFolders` is a React hook designed to facilitate the management of the [`GridFolders`](./?path=/story/base-components-collections-gridfolders-gridfolders--gridfolders) component.It returns a [`GridFoldersState`](./?path=/story/base-components-collections-gridfolders-gridfoldersstate--gridfoldersstate) to pass to the `state` prop of the `GridFolders` component.

```tsx
import { useGridFolders } from '@wix/patterns';
```

### Returns

[GridFoldersState](./?path=/story/base-components-collections-gridfolders-gridfoldersstate--gridfoldersstate)

### Props

| Prop | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `items` | `CollectionState<T1, F1>` | Yes | - | A [collection state](./?path=/story/common-hooks--usecollection) that fetches items |
| `folders` | `CollectionState<T2, F2>` | Yes | - | A [collection state](./?path=/story/common-hooks--usecollection) that fetches folders |