I have an array `const attributes = ['First name', 'Second name', 'Date']`

and I want to render the text Sorry coudn't save **"First name"**, **"Second Name"** and **"Date"**.

As you can see I want to first make each item bold and wrapped with quotes and then use the `Intl.ListFormat`

Im a bit lost on how to do that and could use a little help.

[This is what I have](https://codesandbox.io/s/react-i18next-fomtter-b6xcsk?file=/src/App.js:167-295)

```
i18n
  .use(LanguageDetector)
  .use(initReactI18next)
  .init({
    fallbackLng: "en",
    debug: true,

    interpolation: {
      escapeValue: false, // not needed for react as it escapes by default
      format: function (value, format, lng) {
        if (format === "list") {
          value = value.map((v) => `<bold>${v}</bold>`);
          return new Intl.ListFormat(lng, {
            style: "long",
            type: "conjunction"
          }).format(value);
        }
      }
    },
    resources: {
      en: {
        translation: {
          attr: "A list of {{attr, list}}"
        }
      }
    }
  });

```

```
<Trans
 i18nKey="attr"
 values={{ attr }}
 components={{ bold: <b /> }}
 shouldUnescape={true}
/>

```

```
A list of <bold>First name</bold>, <bold>Second name</bold> and <bold>DOB</bold>

```