Restarted project, replaced code with yours and did npm install and now texts are showing, but I have this warning:

Warning: Failed prop type: Invalid prop `data[0]` of type `object` supplied to `t`, expected `string`.

and "search" is searching against values and not texts , please fix or tell me how to do it

Thanks 

Hi, did npm update mdbreact and version shows 4.8.7. Not sure if I need aditional steps 

Thanks 

Hi,

Have you updated mdbreact properly?
Material select actually should render like:

<ul class="select-dropdown ...">
  <li {some attributes}>
    <span data-mulitple="false" class="filtrable">Option A</span>

And values of options are in the inner state of the select component.

It's because it is not possible to attach those complicated material styles to native select component. 

Here is the full code snippet:

import React, { Component } from "react";
import { MDBSelect } from "mdbreact";

class SelectPage extends Component {
  state = {
    options: [
      {
        checked: true,
        disabled: false,
        icon: null,
        value: "A",
        text: "Option A"
      },
      {
        checked: false,
        disabled: false,
        icon: null,
        text: "Option two",
        value: "2"
      },
      {
        checked: false,
        disabled: false,
        icon: null,
        text: "Option three",
        value: "3"
      },
      {
        checked: false,
        disabled: false,
        icon: null,
        text: "Option four",
        value: "4"
      }
    ]
  };

  displayValue = (val) => {
    console.log(val);
  }

  render() {
    return (
      <div>
        <MDBSelect
          color="primary"
          options={this.state.options}
          selected="Choose your option"
          search
          searchLabel="Test"
          getValue={this.displayValue}
        />
        <label>Example label</label>
      </div>
    );
  }
}

export default SelectPage;