From 7689ac6496af1a390dde6921add0bf5405df725e Mon Sep 17 00:00:00 2001
From: Sriram Prasanth <141391722+Sriram-Prasanth@users.noreply.github.com>
Date: Tue, 15 Apr 2025 12:48:41 +0530
Subject: [PATCH] Chakra UI Updated from v1.0.0 to v2.10.7 to support after
react18^ in examples
---
.../package.json | 2 +-
.../src/features/auth/Login.tsx | 20 +-
.../query/react/authentication/package.json | 2 +-
.../src/features/auth/Login.tsx | 20 +-
.../query/react/graphql-codegen/package.json | 2 +-
examples/query/react/graphql/package.json | 2 +-
examples/query/react/mutations/package.json | 2 +-
.../react/optimistic-update/package.json | 2 +-
examples/query/react/pagination/package.json | 2 +-
.../package.json | 2 +-
.../react/prefetching-automatic/package.json | 2 +-
examples/query/react/prefetching/package.json | 2 +-
yarn.lock | 1075 +++--------------
13 files changed, 195 insertions(+), 940 deletions(-)
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 = () => {