how to make a grid item that uses remaining gridspace in reactjs material-ui?

Question

I am using material-ui grid in reactjs. In a column grid container, I want to use a grid item and I want to show another grid item. I want third item to use up the remaining