keplergl / keplergl/kepler.gl

[Bug] injectComponents does not work correctly

Open
#2,557 2 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
12k
Forks
2k
Avg merge
1d 5h
Merged PRs (30d)
66

Description

React.js
keplergl v2.5.5

I need to use custom components and I found this code below.
` const CustomHeader = () =>

My kepler.gl app

const myCustomHeaderFactory = () => CustomHeader

const KeplerGl = injectComponents([[PanelHeaderFactory, myCustomHeaderFactory]])

const MapContainer = () => (




)

return (

)
`

Page automatically begins with add data modal and after i close the modal I cannot see the map

![resim](https://github.com/keplergl/kepler.gl/assets/32265998/4af63f74-6f60-4186-a272-ec4a70149fb6)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the injectComponents usage shown in the issue and reproduce it on keplergl v2.5.5 using the custom PanelHeaderFactory and MapContainer snippet. Check the behavior after closing the automatically opened add data modal; done means the map remains visible and usable with the injected custom component.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.