Addon imports on documentation should be named imports

[valstu]

Description

We just updated to version 8.0.0 and followed the docs to create clusters on a map with <MarkerClusterer />. You will get the following error on console:

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.

Solution

In documentation example you're importing as "default import". It should be named import. MarkerClusterer is named export as you can see from line 17. https://github.com/tomchentw/react-google-maps/blob/master/src/components/addons/MarkerClusterer.jsx#L17

InfoBox documentation has the same thing. It should be named import.

How to reproduce

Here's a link to CodeSandbox

Open the link, open console and run. You will get the error mentioned above. Change line 8 on Map.js to named import import { InfoBox } from "react-google-maps/lib/components/addons/InfoBox";
and everything works as intended.

[tomchentw]

Released v8.1.0