> ## Documentation Index
> Fetch the complete documentation index at: https://useaward.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# usePrize

The usePrize hook is is a convenient way to access the prizes for the App.

## Usage

### Get Prizes

<CodeGroup>
  ```jsx prizes.tsx theme={null}
      import { usePrizes, PrizeResource } from '@useawards/useaward-expo';
      import { useEffect, useState } from 'react';
      import { Text, View } from 'react-native';

      export default function Prizes() {
          const { isLoaded, getPrizes } = usePrizes();
          const [prizes, setPrizes] = useState<PrizeResource[]>([]);

          useEffect(() => {
              if (isLoaded) {
              const fetchPrizes = async () => {
                  const result = await getPrizes();
                  setPrizes(result || []);
              }

              fetchPrizes();
              }
          }, [isLoaded, getPrizes]);

          return (
              <View>
              {prizes.map((prize) => (
                  <View key={prize.uuid}>
                  <Text>{prize.name}</Text>
                  </View>
              ))}
              </View>
          )
      }
  ```

  ```jsx prizes.js theme={null}
      import { usePrizes } from '@useawards/useaward-expo';
      import { useEffect, useState } from 'react';
      import { Text, View } from 'react-native';

      export default function Prizes() {
          const { isLoaded, getPrizes } = usePrizes();
          const [prizes, setPrizes] = useState([]);

          useEffect(() => {
              if (isLoaded) {
              const fetchPrizes = async () => {
                  const result = await getPrizes();
                  setPrizes(result || []);
              }

              fetchPrizes();
              }
          }, [isLoaded, getPrizes]);

          return (
              <View>
              {prizes.map((prize) => (
                  <View key={prize.uuid}>
                  <Text>{prize.name}</Text>
                  </View>
              ))}
              </View>
          )
      }
  ```
</CodeGroup>