MovieSearch_MultiDataList.js

              <MultiDataList
                componentId="language-list"
                dataField="original_language.keyword"
                className="language-filter"
                size={100}
                sortBy="asc"
                queryFormat="or"
                selectAllLabel="All Languages"
                showCheckbox={true}
                showSearch={true}
                placeholder="Search for a language"
                react={{
                  and: [
                    "mainSearch",
                    "results",
                    "date-filter",
                    "RangeSlider",
                    "genres-list",
                    "vote-average-list",
                  ],
                }}
                data={[
                  {
                    label: "English",
                    value: "en",
                  },
                  {
                    label: "Chinese",
                    value: "zh",
                  },
                  {
                    label: "Turkish",
                    value: "tr",
                  },
                  {
                    label: "Swedish",
                    value: "sv",
                  },
                  {
                    label: "Russian",
                    value: "ru",
                  },
                  {
                    label: "Portuguese",
                    value: "pt",
                  },
                  {
                    label: "Korean",
                    value: "ko",
                  },
                  {
                    label: "Japanese",
                    value: "ja",
                  },
                  {
                    label: "Italian",
                    value: "it",
                  },
                  {
                    label: "Hindi",
                    value: "hi",
                  },
                  {
                    label: "French",
                    value: "fr",
                  },
                  {
                    label: "Finnish",
                    value: "fi",
                  },
                  {
                    label: "Spanish",
                    value: "es",
                  },
                  {
                    label: "Deutsch",
                    value: "de",
                  },
                ]}
                showFilter={true}
                filterLabel="Language"
                URLParams={false}
                innerClass={{
                  label: "list-item",
                  input: "list-input",
                }}
              />