How to use the victory.VictoryTheme.material function in victory

test = (
     [
                        {
                            eventKey: 'theOtherOne',

const Graph = ({ projects }) => {
  if (!projects || projects.length === 0) return <div>No data</div>
  return (
    <div>
      
        
        
        {projects.map(project =&gt; {</div>

fill: d => colors[d.x % 5],
                  stroke: 'none',
                  padding: 5,
                },
              }}
            />
          
        
        <div style="{{">
          
            
            </div>

dependentAxis
            style={{
              tickLabels: { fontSize: 12, padding: 5, fontWeight: 300 }
            }}
          />
          
        
        <div style="{{">
          
        </div>
        
          }
          domainPadding={10}
          style={{
            labels: { fontSize: 12 },
            parent: { height: "45%", padding: 0 }
          }}
          animate={{
            duration: 1000,
            onLoad: { duration: 1000 }

render() {
        return (
            
                
            
        )
    }
}

data: {
                  fill: d => colors[d.x % 5],
                  stroke: 'none',
                  padding: 5,
                },
              }}
            />
          
        
        <div style="{{">
          
            
            </div>

<div>
              
                
                  {this.state.data.map((data, i) =&gt; {
                    const key = this.props.alt ? `alt${i}` : i;
                    return ;
                  })}
                
                
                
              
            </div>
          
        
      
    );
  }

return (
            <li>
              <h3>{question.questionText}</h3>

              {question.questionType === QuestionTypes('text') ? (
                <ul>
                  {generateTextAnswers(question)}
                </ul>
              ) : (
                <div>
                  <div style="{{">
                     d.y}
                      labelRadius={labelRadius}
                      padding={{ left: 0, top: 40, right: 30, bottom: 30 }}
                      style={{
                        labels: { fill: 'white', fontSize: 20 }
                      }}
                    /&gt;
                  </div>

                  <ul>
                    {graphData[question.id].map((dataPoint, i) =&gt; (
                      <li>
                        </li></ul></div></li>

(this.setRating(x))}
                />
                
              
            

            <div>
            <h6>No Clue</h6>
              
              
              
              
            </div>

          

          <div>
            <div>
            <h6>Click Me</h6>
              </div></div>

constructor( props ) {
		super( props )
		this.state = {
			theme : VictoryTheme.material,
			data : data,
		}
		this.onChange = this.onChange.bind( this )
	}