metabase / metabase/metabase

Improve Web Dev Console Experience

Open
#16,065 0 comments 5 reactions 0 assignees View on GitHub
.Epic Type:Tech Debt
Dominant language
Clojure
Stars
49.3k
Forks
6.8k
Avg merge
1d 13h
Merged PRs (30d)
653

Description

Fix warnings and errors that appear in the browser's console.

This should help reduce cognition overload and increase work speed.

## Issues visible on pageload of `/`
- [ ] #16066: Treat web console warning about unique "key" prop in AdminPinMessage component
- [ ] #16069: Remove `` inside `` generating warning in web dev console
- [x] #16082: Treat web console warning about React.createFactory()

### Lifecycle Warnings
- [ ] #16064: Treat web console lifecycle warnings in Card component
- [ ] #16067: Treat web console lifecycle warnings in Text component
- [ ] #16068: Treat web console lifecycle warnings in TransitionGroup component
- [ ] #16070: Treat web console lifecycle warnings in UserIsAuthenticated component
- [ ] #16071: Treat web console lifecycle warnings in UndoListing__UndoList component
- [x] #16072: Treat web console lifecycle warnings in Styled(Clean.div) component
- [ ] #16073: Treat web console lifecycle warnings in SearchBar__SearchInput component
- [ ] #16074: Treat web console lifecycle warnings in MetabaseIsSetup(Connect(UserIsAuthenticated(Component))) component
- [ ] #16075: Treat web console lifecycle warnings in Link component
- [ ] #16076: Treat web console lifecycle warnings in Icon__IconWrapper component
- [ ] #16077: Treat web console lifecycle warnings in Icon component
- [ ] #16078: Treat web console lifecycle warnings in Flex component
- [ ] #16079: Treat web console lifecycle warnings in Box component
- [ ] #16080: Treat web console lifecycle warnings in ThemeProvider component
- [ ] #16081: Treat web console lifecycle warnings in DragDropContextProvider component

## Issues visible on pageload of `/question/new`

- [x] #16188: Fix React unsupported style property warning in NewQueryOption component

Contributor guide

Open the contributing guide

Research direction

Start by loading `/` and `/question/new` in the browser and reviewing the listed child issues for the affected components and console messages. Done means the warnings and errors covered by the checklist no longer appear on those pages, with each applicable child issue addressed.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
frontend
Issue type
Bug
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.