Skip to content

Using variant="fab" is deprecated #741

Open
@martinfrances107

Description

@martinfrances107

look at console output in response to our landing page [ in Chrome's dev tools ]

http://localhost:3000/

I see this deprecation notice ( see below )

When I grep around for the problem I see this

 grep -R 'variant="fab' 
src/components/05_pages/Content/Content.js:                variant="fab"
src/components/05_pages/TaxonomyTermsOverview/TaxonomyTermsOverview.js:          variant="fab"
src/components/02_atoms/Widgets/FileUploadWidget.js:                              variant="fab"
src/components/02_atoms/MultipleFields/MultipleFields.js:                    variant="fab"

Here is a link to the button API -- which has the associated deprecation notices

https://material-ui.com/api/button/

I will try and find the time to work on this next week.

index.js:1437 Warning: Failed prop type: Material-UI: the `fab` variant will be removed in the next major release. The `<Fab>` component is equivalent and should be used instead.
    in Button (created by WithStyles(Button))
    in WithStyles(Button) (at Content.js:313)
    in div (at Content.js:174)
    in div (created by Paper)
    in Paper (created by WithStyles(Paper))
    in WithStyles(Paper) (at Content.js:171)
    in div (at Content.js:168)
    in Content (created by Connect(Content))
    in Connect(Content) (created by Route)
    in Route (created by withRouter(Connect(Content)))
    in withRouter(Connect(Content)) (created by Route)
    in Route (at App.js:125)
    in Switch (at App.js:124)
    in ErrorBoundary (at Default.js:110)
    in main (at Default.js:109)
    in div (at Default.js:57)
    in Default (created by Connect(Default))
    in Connect(Default) (created by Route)
    in Route (created by withRouter(Connect(Default)))
    in withRouter(Connect(Default)) (at App.js:123)
    in Router (created by ConnectedRouter)
    in ConnectedRouter (at App.js:122)
    in Provider (at App.js:121)
    in ErrorBoundary (at App.js:120)
    in MuiThemeProviderOld (at App.js:119)
    in JssProvider (at App.js:118)
    in App (at src/index.js:24) 

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions