fix: npmrc registry url

.github/workflows/blade-bundle-size.yml

@@ -22,11 +22,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Update Bundle Size Data
         run: yarn generate-bundle-size-info
@@ -51,11 +47,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Build Blade React Production
         run: yarn run-s build:clean build:generate-types build:react-prod

.github/workflows/blade-chromatic.yml

@@ -18,11 +18,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Publish to Chromatic
         uses: chromaui/action@v1

.github/workflows/blade-interaction-tests.yml

@@ -28,11 +28,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Run Interaction Tests
         run: |

.github/workflows/blade-pr-title-check.yml

@@ -2,7 +2,7 @@ name: Blade PR Title Check
 
 on:
   pull_request_target:
-    types: [open, edited, synchronize]
+    types: [opened, edited, synchronize]
 
 concurrency: # cancel previously running workflows when a new workflow is re-run
   group: ${{ github.workflow }}-${{ github.ref }}

.github/workflows/blade-tokens-upload.yml

@@ -24,11 +24,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Upload Tokens
         working-directory: packages/blade

.github/workflows/blade-validate.yml

@@ -16,11 +16,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Build Blade
         run: yarn build
@@ -45,11 +41,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Run Unit Tests
         run: yarn test

.github/workflows/release.yml

@@ -21,11 +21,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.12.1
-          # https://stackoverflow.com/a/73824182
-          registry-url: "https://npm.pkg.github.com"
       - name: Setup Cache & Install Dependencies
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         uses: ./.github/actions/install-dependencies
       - name: Create Release Pull Request & Publish packages
         id: changesets

.npmrc

@@ -0,0 +1 @@
+@razorpay:registry=https://registry.npmjs.org/

package.json

@@ -29,8 +29,6 @@
     "@babel/eslint-parser": "7.21.8",
     "@changesets/cli": "2.24.1",
     "@types/jest": "26.0.23",
-    "@types/react": "17.0.4",
-    "@types/react-native": "0.64.4",
     "@types/styled-components": "5.1.25",
     "@types/styled-components-react-native": "5.1.3",
     "@typescript-eslint/eslint-plugin": "5.59.6",
@@ -63,6 +61,9 @@
     "stylelint-processor-styled-components": "1.10.0",
     "typescript": "4.8.2"
   },
+  "resolutions": {
+    "@types/react": "18.2.74"
+  },
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged"

packages/blade/package.json

@@ -208,7 +208,7 @@
     "@types/jest-axe": "3.5.5",
     "@types/jscodeshift": "0.11.6",
     "@types/jsdom": "20.0.1",
-    "@types/react": "17.0.38",
+    "@types/react": "18.2.74",
     "@types/react-native": "0.72.2",
     "@types/react-test-renderer": "17.0.1",
     "@types/styled-components": "5.1.25",
@@ -250,7 +250,7 @@
     "react-native": "0.72.3",
     "react-native-gesture-handler": "2.9.0",
     "react-native-reanimated": "3.4.2",
-    "react-native-svg": "12.3.0",
+    "react-native-svg": "15.1.0",
     "react-scripts": "5.0.1",
     "react-test-renderer": "18.2.0",
     "rollup": "3.28.1",
@@ -306,6 +306,7 @@
     "@storybook/**/react": "18.2.0",
     "react-dom": "18.2.0",
     "react": "18.2.0",
+    "@types/react": "18.2.74",
     "styled-components": "^5"
   }
 }

packages/blade/src/components/ActionList/ActionListBox.native.tsx

@@ -23,17 +23,17 @@ const _ActionListBox = React.forwardRef<SectionList, ActionListBoxProps>(
   ({ sectionData, actionListItemWrapperRole, isMultiSelectable, isInBottomSheet }, ref) => {
     const { footerHeight, setContentHeight } = useBottomSheetContext();
 
-    const renderActionListItem = React.useCallback(({ item }) => {
+    const renderActionListItem = React.useCallback(({ item }: any) => {
       return <ActionListItem {...item} />;
     }, []);
 
-    const renderActionListSectionHeader = React.useCallback(({ section: { title } }) => {
+    const renderActionListSectionHeader = React.useCallback(({ section: { title } }: any) => {
       if (!title) return null;
       return <ActionListSection title={title} _hideDivider={true} children={undefined} />;
     }, []);
 
     const renderActionListSectionDivider = React.useCallback(
-      ({ section: { title, hideDivider } }) => {
+      ({ section: { title, hideDivider } }: any) => {
         if (!title) return null;
         if (hideDivider) return null;
         return <Divider />;

packages/blade/src/components/BottomSheet/BottomSheet.native.tsx

@@ -152,7 +152,7 @@ const _BottomSheet = ({
   }, [children]);
 
   const renderFooter = React.useCallback(
-    (props): React.ReactElement => {
+    (props: any): React.ReactElement => {
       return (
         <GorhomBottomSheetFooter {...props}>
           <View
@@ -171,7 +171,7 @@ const _BottomSheet = ({
   );
 
   const renderBackdrop = React.useCallback(
-    (props): React.ReactElement => {
+    (props: any): React.ReactElement => {
       return <BottomSheetBackdrop {...props} zIndex={bottomSheetZIndex} />;
     },
     [bottomSheetZIndex],
@@ -285,6 +285,7 @@ const _BottomSheet = ({
             containerStyle={{ zIndex: bottomSheetZIndex }}
             animateOnMount={true}
             handleComponent={renderHandle}
+            // @ts-expect-error - GorhomBottomSheet types are not updated
             backgroundComponent={BottomSheetSurface}
             footerComponent={renderFooter}
             backdropComponent={renderBackdrop}

packages/blade/src/components/Button/BaseButton/AnimatedButtonContent.native.tsx

@@ -7,7 +7,7 @@ import { useTheme } from '~components/BladeProvider';
 
 const AnimatedButtonContent: React.ForwardRefRenderFunction<
   TextInput,
-  AnimatedButtonContentProps
+  AnimatedButtonContentProps & { children: React.ReactNode }
 > = ({ motionDuration, motionEasing, children, isPressed }) => {
   const { theme } = useTheme();
   const duration = getIn(theme.motion, motionDuration);

packages/blade/src/components/Button/BaseButton/StyledBaseButton.native.tsx

@@ -145,6 +145,7 @@ const _StyledBaseButton: React.ForwardRefRenderFunction<TextInput, StyledBaseBut
       motionEasing={motionEasing}
       testID={testID}
     >
+      {/* @ts-expect-error */}
       {({ pressed }): React.ReactNode => {
         isPressed.value = pressed;
         return children;

packages/blade/src/components/Tabs/Tabs.native.tsx

@@ -125,7 +125,13 @@ const Tabs = ({
   }, [selectedValue, setIndex]);
 
   const renderTabLabel = React.useCallback(
-    ({ route, focused }) => {
+    ({
+      route,
+      focused,
+    }: {
+      route: { title: string; leading?: React.ComponentType<any>; trailing?: React.ReactNode };
+      focused: boolean;
+    }) => {
       const { title, leading: Leading, trailing } = route;
       const selectedState = focused ? 'selected' : 'unselected';
       // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -158,7 +164,7 @@ const Tabs = ({
   );
 
   const renderTabBar = React.useCallback(
-    (props) => (
+    (props: any) => (
       <TabBar
         {...props}
         {...metaAttribute({ name: MetaConstants.TabList })}