[Snackbar] TypeError: _props.toast is undefined when import single component

[manhnt9]

Description

When importing with

import Snackbar from 'react-md/lib/Snackbars/Snackbar';

browser logs this error and the page doesn't load (blank)

TypeError: _props.toast is undefined

but this bug isn't presented if I use

 import { Snackbar } from 'react-md';

then the page loads and snackbar emits toast sucessfully.

Version

• React - 15.5.4
• React-MD - 1.3.0
• Browser Firefox 59.0.2

[Kaishiyoku]

Same here. I'm getting this specific error message:

Here the toast -sub-object is undefined.

[mlaursen]

Please see the documentation notes

The Snackbar component is used for displaying a concise and small message to the user about an operation performed.

The main component for the Snackbar is actually named the SnackbarContainer, so you need to make sure the import is react-md/lib/Snackbars or react-md/lib/Snackbars/SnackbarContainer. The first import is preferable.

[Kaishiyoku]

That worked, thank you.

[manhnt9]

Doesn't work for me.

For importing with react-md/lib/Snackbars:

Warning: Failed prop type: The prop `toast` is marked as required in `Snackbar`, but its value is `undefined`.

Warning: Failed prop type: The prop `leaveTimeout` is marked as required in `Snackbar`, but its value is `undefined`

TypeError: _props.toast is undefined

For importing with react-md/lib/Snackbars/SnackbarContainer:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method

[manhnt9]

Solved, I was importing with {}. Removing them corrects the problem.

Thank you very much!