Search code examples
admin-on-restreact-admin

How to import the Login component provided by ra-ui-materialui of the new react-admin

I want to use the Login component provided by the ra-ui-materialui inside the next version of admin-on-rest.

I tried

import { Login } from 'ra-ui-materialui'
import { Login } from 'react-admin/ra-ui-materialui'
import { Login } from 'react-admin/ra-ui-materialui/auth'
import { Login } from 'react-admin/packages/ra-ui-materialui/src/auth'
import Login from 'react-admin/packages/ra-ui-materialui/src/auth'

They all resulted into an compile error:

Module not found: Can't resolve 'ra-ui-materialui' in '/my-app/src'

or

Module not found: Can't resolve 'react-admin/ra-ui-materialui' in '/my-app/src'

etc.

How can I import the provided Login component and use it in my react-admin app?

PS: For the time being, I've added the admin-on-rest tag too as this is the first question that concerns react-admin. For the purpose of this question and maybe many more to come, I created the tag react-admin.

Solution

  • I assumed that the local packages of react-admin would be available automatically just by the earlier installation of react-admin that I did. I was wrong. You need to yarn add that separately.

    So, next to:

    yarn add react-admin

    You also need to:

    yarn add ra-ui-materialui

    And then this works:

    import { Login } from 'ra-ui-materialui'