diff --git a/examples/query/react/authentication-with-extrareducers/package.json b/examples/query/react/authentication-with-extrareducers/package.json
index bc59220744..d6f97b662a 100644
--- a/examples/query/react/authentication-with-extrareducers/package.json
+++ b/examples/query/react/authentication-with-extrareducers/package.json
@@ -6,7 +6,7 @@
"keywords": [],
"main": "./src/index.tsx",
"dependencies": {
- "@chakra-ui/react": "1.0.0",
+ "@chakra-ui/react": "2.10.7",
"@emotion/react": "^11.4.0",
"@emotion/styled": "^11.3.0",
"@reduxjs/toolkit": "^1.6.0-rc.1",
diff --git a/examples/query/react/authentication-with-extrareducers/src/features/auth/Login.tsx b/examples/query/react/authentication-with-extrareducers/src/features/auth/Login.tsx
index ce36f9bbf0..2ff830529f 100644
--- a/examples/query/react/authentication-with-extrareducers/src/features/auth/Login.tsx
+++ b/examples/query/react/authentication-with-extrareducers/src/features/auth/Login.tsx
@@ -1,21 +1,21 @@
-import * as React from 'react'
import {
+ Box,
+ Button,
+ Center,
+ Divider,
Input,
InputGroup,
InputRightElement,
- VStack,
- Button,
- Divider,
- Center,
- Box,
useToast,
+ VStack,
} from '@chakra-ui/react'
-import { useNavigate } from 'react-router-dom'
+import * as React from 'react'
import { useDispatch } from 'react-redux'
+import { useNavigate } from 'react-router-dom'
-import { ProtectedComponent } from './ProtectedComponent'
-import { useLoginMutation } from '../../app/services/auth'
import type { LoginRequest } from '../../app/services/auth'
+import { useLoginMutation } from '../../app/services/auth'
+import { ProtectedComponent } from './ProtectedComponent'
function PasswordInput({
name,
@@ -79,7 +79,7 @@ export const Login = () => {