MRT logoMaterial React Table

On This Page

    Installation

    material-react-table requires Material UI V5 packages as dependencies in your project.

    If you are already using Material UI, you probably already have most of these peer dependencies installed.

    Just double-check that you have the following in your package.json, or use the full install commands below.

    1. @mui/material (v5)

    2. @mui/icons-material (v5)

    3. @emotion/react (v11)

    4. @emotion/styled (v11)

    5. react and react-dom (v17 or v18) - MUI v5 requires React 17 or 18

    Quick Install

    NPM

    npm install material-react-table

    PNPM

    pnpm add material-react-table

    Yarn

    yarn add material-react-table

    Install With Required Peer Dependencies (Recommended)

    NPM

    npm install material-react-table @mui/material @mui/icons-material @emotion/react @emotion/styled

    PNPM

    pnpm add material-react-table @mui/material @mui/icons-material @emotion/react @emotion/styled

    Yarn

    yarn add material-react-table @mui/material @mui/icons-material @emotion/react @emotion/styled

    You do NOT need to install @tanstack/react-table, as it is already an internal dependency of material-react-table.

    All internal dependencies: @tanstack/match-sorter-utils, @tanstack/react-table, react-virtual

    FAQs

    React 17 or later is required by Material UI v5 itself. Some event listeners on MUI TextField components will not work with React 16.x.

    No, you do not need to install TanStack Table in your project manually, as the latest TanStack Table version automatically gets installed under the hood by MRT itself as an internal dependency. You can import types and functions from '@tanstack/react-table' too.

    No, TypeScript is not required to use Material React Table, but it is a whole lot easier to use Material React Table with TypeScript, especially when defining columns. If you do use TypeScript, try to keep the latest TypeScript version installed, or at least TS version 4.8 or higher.