Comments (7)
Yes, thank you very much @peterpetre.
I'm thinking about a full rewriting of the Components as well as an upgrade of React and a fix for #29 in the next few months.
from react-gmaps.
Hello @peterpetre,
can you please share more details to reproduce the issue?
Thanks!
from react-gmaps.
warning.js:36 Warning: Unknown prop `map` on <span> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop
in span (created by Gmaps)
in div (created by Gmaps)
in Gmaps (created by Sidebar)
in div (created by Sidebar)
in div (created by Sidebar)
in Sidebar (created by Connect(Sidebar))
in Connect(Sidebar) (created by Sidebar)
in div (created by Sidebar)
in Sidebar (created by MeteorDataContainer)
in MeteorDataContainer (created by Connect(MeteorDataContainer))
in Connect(MeteorDataContainer) (created by App)
in div (created by App)
in App (created by MeteorDataContainer)
in MeteorDataContainer (created by Connect(MeteorDataContainer))
in Connect(MeteorDataContainer) (created by RouterContext)
in div (created by Root)
in Root (created by MeteorDataContainer)
in MeteorDataContainer (created by Connect(MeteorDataContainer))
in Connect(MeteorDataContainer) (created by RouterContext)
in RouterContext (created by Router)
in Router (created by Routes)
in Provider (created by Routes)
in Routes
This is the whole warning, now on the link they say:
- Are you using {...this.props} or cloneElement(element, this.props)? Your component is transferring its own props directly to a child element (eg. https://facebook.github.io/react/docs/transferring-props.html). When transferring props to a child component, you should ensure that you are not accidentally forwarding props that were intended to be interpreted by the parent component.
- You are using a non-standard DOM attribute on a native DOM node, perhaps to represent custom data. If you are trying to attach custom data to a standard DOM element, consider using a custom data attribute as described on MDN.
- React does not yet recognize the attribute you specified. This will likely be fixed in a future version of React. However, React currently strips all unknown attributes, so specifying them in your React app will not cause them to be rendered.
from react-gmaps.
Thanks @peterpetre,
I had the same error in one of the apps I'm working on but I haven't been able to reproduce it on the react-gmaps
demo.
So I was more interested in details about your code or if you can just tell me the way to reproduce the issue using the library.
from react-gmaps.
@MicheleBertoli ok i found out where this warning hits!!
<Gmaps
ref="gmaps"
width={'50%'}
height={'500px'}
style={styles.cols}
lat={51.5258541}
lng={-0.08040660000006028}
zoom={12}
>
<span> TEST TEST TEST </span>
</Gmaps>
when i have any element which is not from react-gmaps inside the Gmaps component.
from react-gmaps.
Oh, I see @peterpetre.
Do you really need to put a span
as a child of the map?
Do you mind if I ask you the reason why you are doing that?
Thanks!
from react-gmaps.
Yea sure,
I have a sidebar, with a small map with directions, and i have a button on the map to make this map fullscreen with an animation.
Now i had some displaying issues on the map being width/height 100% and do it on a parent div, so i have added the button as a child of the map.
But its a bit confusing functionality, so i will try to figure out something else. At least we found from where the warning comes from! :)
from react-gmaps.
Related Issues (20)
- Load libraries HOT 14
- How can i disable the zooming. HOT 4
- Map is showing blank HOT 5
- <Marker> not displayed if wrapped by another React component HOT 3
- Custom Markers HOT 3
- Support for responsive map containers HOT 1
- Marker event listener for infoWindow HOT 5
- How use preloader in 'loadingMessage'? HOT 2
- heroku is down HOT 1
- .setOptions method in entity.js missing HOT 2
- Map navigation buttons hidden and click on map enter fullscreen mode HOT 1
- How to drop marker with a click HOT 2
- Can't retrieve data from markers/circles HOT 1
- Map Label HOT 1
- NPM react-gmaps - how to get latitude and logintud when finished dragging a marker? HOT 2
- Old React lifecycle method HOT 1
- polyline is not defined in react-leaflet tried to solve the issue from Months.Below is the code HOT 1
- Outdated React HOT 1
- v1 → v2 Migration Guide HOT 1
- E2E testing for components
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-gmaps.