---
title: mapSelectedProductOptionToObject
description: >-
  Converts the product selected option into an `Object<key, value>` format for
  building URL query params
api_version: 2025-07
api_name: hydrogen-react
source_url:
  html: >-
    https://shopify.dev/docs/api/hydrogen-react/latest/utilities/mapselectedproductoptiontoobject
  md: >-
    https://shopify.dev/docs/api/hydrogen-react/latest/utilities/mapselectedproductoptiontoobject.md
---

# map​Selected​Product​Option​To​Object

Converts the product selected option into an `Object<key, value>` format for building URL query params

Examples

### Examples

* #### mapSelectedProductOptionToObject.js

  ##### Description

  I am the default example

  ##### mapSelectedProductOptionToObject example

  ```js
  import {mapSelectedProductOptionToObject} from '@shopify/hydrogen-react';

  const selectedOption = [
    {
      name: 'Color',
      value: 'Red',
    },
    {
      name: 'Size',
      value: 'Medium',
    },
  ];

  const optionsObject = mapSelectedProductOptionToObject(selectedOption);

  // Output of optionsObject
  // {
  //   Color: 'Red',
  //   Size: 'Medium',
  // }

  const searchParams = new URLSearchParams(optionsObject);
  searchParams.toString(); // '?Color=Red&Size=Medium'
  ```

## Related

[- getProductOptions](https://shopify.dev/api/hydrogen-react/utilities/getproductoptions)

[- getAdjacentAndFirstAvailableVariants](https://shopify.dev/api/hydrogen-react/utilities/getadjacentandfirstavailablevariants)

[- useSelectedOptionInUrlParam](https://shopify.dev/api/hydrogen-react/utilities/useselectedoptioninurlparam)