* add loading indicator to sidebar links
* fix clicking on same route whould show indicator
* maybe final?
* handle routeChangeError as well as cleaning up timeout
* clearing timeout before creating one instead of routeChangeError
* rm unused
* add license header
* Update usePendingRoute.ts
Co-authored-by: dan <dan.abramov@gmail.com>
The Text "Click me" in the button confuses first-time users because it forces them to actually click on the button in the live demo but it does nothing. By changing the text, we can control the user behavior as they don't expect anything on that click.
* added sandpack linter and installed latest sandpacl
* integrate eslint into Sandpack
* Format the linting errors, disable preview on lint error, have only two react hooks
* fixes build
* split eslint-integration
* fix tooltip text color, error rename to 'Lint Error', show single lint error
* NIT
* Just enable it
* Delete eslint.md
Co-authored-by: Strek <ssharishkumar@gmail.com>
Co-authored-by: dan <dan.abramov@gmail.com>
* Replaced old ReactDOM API with new React v18 API
Replaced old ReactDOM API with new React v18 API
ReactDOM.render(
// Try changing to isLoggedIn={true}:
<Greeting isLoggedIn={false} />,
document.getElementById('root')
);
The above implementation has been replaced by the following implementation according to React v18.
ReactDOM
.createRoot(document.getElementById('root'))
.render(<LoginControl />);
* Changed ReactDOM.createRoot syntax into two lines
```
ReactDOM
.createRoot(document.getElementById('root'))
.render(<LoginControl />);
```
has been changed to
```
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<LoginControl />);
```
* Added a comment on <Greeting/> comp.