chore: fix linter

package.json

@@ -55,7 +55,10 @@
     ],
     "ignorePatterns": [
       "lib/**/"
-    ]
+    ],
+    "rules": {
+      "react/prop-types": "off"
+    }
   },
   "dependencies": {
     "@portabletext/react": "^3.0.11",
@@ -73,6 +76,7 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-sanity": "^7.1.1",
     "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "prettier": "^3.2.5",
     "prettier-plugin-packagejson": "^2.4.12",
     "react": "^18.2.0",

src/components/block.tsx

@@ -1,7 +1,8 @@
-import React from 'react'
-import {View, Text} from 'react-native'
 import type {PortableTextComponent} from '@portabletext/react'
 import type {PortableTextBlock, PortableTextBlockStyle} from '@portabletext/types'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react'
+import {Text,View} from 'react-native'
 
 import {blockStyles, textStyles} from './styles'
 

src/components/defaults.tsx

@@ -1,19 +1,20 @@
+import type {PortableTextReactComponents} from '@portabletext/react'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from 'react'
 import {Text} from 'react-native'
-import type {PortableTextReactComponents} from '@portabletext/react'
 
-import {defaultMarks} from './marks'
 import {defaultBlockStyles} from './block'
 import {DefaultList, defaultListItems} from './list'
+import {defaultMarks} from './marks'
 import {
-  DefaultUnknownType,
-  DefaultUnknownMark,
+  DefaultUnknownBlockStyle,
   DefaultUnknownList,
   DefaultUnknownListItem,
-  DefaultUnknownBlockStyle,
+  DefaultUnknownMark,
+  DefaultUnknownType,
 } from './unknown'
 
-export const DefaultHardBreak = () => <Text>{'\n'}</Text>
+export const DefaultHardBreak = ():React.JSX.Element => <Text>{'\n'}</Text>
 
 export const defaultComponents: PortableTextReactComponents = {
   types: {},

src/components/list.tsx

@@ -1,7 +1,8 @@
-import React from 'react'
-import {View, Text} from 'react-native'
 import type {PortableTextListComponent, PortableTextListItemComponent} from '@portabletext/react'
 import type {PortableTextListItemType} from '@portabletext/types'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react'
+import {Text,View} from 'react-native'
 
 import {listStyles} from './styles'
 

src/components/marks.tsx

@@ -1,15 +1,17 @@
-import React, {useCallback} from 'react'
-import {Text, Linking} from 'react-native'
 import type {PortableTextMarkComponent} from '@portabletext/react'
 import type {TypedObject} from '@portabletext/types'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React, {useCallback} from 'react'
+import {Linking, Text} from 'react-native'
+
 import {markStyles} from './styles'
 
 interface DefaultLink extends TypedObject {
   _type: 'link'
   href: string
 }
 
-const link: PortableTextMarkComponent<DefaultLink> = ({children, value}) => {
+const Link: PortableTextMarkComponent<DefaultLink> = ({children, value}) => {
   const href = value?.href
   const onPress = useCallback(() => (href ? Linking.openURL(href) : undefined), [href])
 
@@ -26,5 +28,5 @@ export const defaultMarks: Record<string, PortableTextMarkComponent | undefined>
   code: ({children}) => <Text style={markStyles.code}>{children}</Text>,
   underline: ({children}) => <Text style={markStyles.underline}>{children}</Text>,
   'strike-through': ({children}) => <Text style={markStyles.strikeThrough}>{children}</Text>,
-  link,
+  link: Link,
 }

src/components/unknown.tsx

@@ -1,9 +1,11 @@
+import type {PortableTextReactComponents} from '@portabletext/react'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from 'react'
 import {Text, View} from 'react-native'
-import type {PortableTextReactComponents} from '@portabletext/react'
+
 import {DefaultBlock} from './block'
-import {utilityStyles} from './styles'
 import {defaultListItems} from './list'
+import {utilityStyles} from './styles'
 
 const DefaultListItem = defaultListItems.bullet || View
 

src/index.ts

@@ -1,3 +1,3 @@
-export * from '@portabletext/react'
-export {PortableText} from './react-native-portable-text'
 export {defaultComponents} from './components/defaults'
+export {PortableText} from './react-native-portable-text'
+export * from '@portabletext/react'

src/react-native-portable-text.tsx

@@ -1,14 +1,15 @@
-import React from 'react'
 import type {PortableTextProps} from '@portabletext/react'
-import type {TypedObject, PortableTextBlock} from '@portabletext/types'
-import {PortableText as BasePortableText, mergeComponents} from '@portabletext/react'
+import {mergeComponents,PortableText as BasePortableText} from '@portabletext/react'
+import type {PortableTextBlock,TypedObject} from '@portabletext/types'
+import React from 'react'
+
 import {defaultComponents} from './components/defaults'
 
 export * from '@portabletext/react'
 
 export function PortableText<B extends TypedObject = PortableTextBlock>(
   props: Omit<PortableTextProps<B>, 'listNestingMode'>,
-) {
+): React.JSX.Element {
   return (
     <BasePortableText
       {...props}

test/fixtures/index.ts

@@ -34,38 +34,38 @@ import listIssue from './060-list-issue'
 import missingMarkComponent from './061-missing-mark-component'
 
 export {
-  emptyBlock,
-  singleSpan,
-  multipleSpans,
-  basicMarkSingleSpan,
+  allBasicMarks,
+  allDefaultBlockStyles,
+  basicBulletList,
   basicMarkMultipleAdjacentSpans,
   basicMarkNestedMarks,
-  linkMarkDef,
-  plainHeaderBlock,
-  messyLinkText,
-  basicBulletList,
+  basicMarkSingleSpan,
   basicNumberedList,
-  imageSupport,
-  materializedImageSupport,
-  nestedLists,
-  allBasicMarks,
+  customBlockType,
+  customListItemType,
+  customMarks,
   deepWeirdLists,
-  allDefaultBlockStyles,
-  marksAllTheWayDown,
-  keyless,
   emptyArray,
-  listWithoutLevel,
-  inlineNodes,
+  emptyBlock,
   hardBreaks,
-  inlineImages,
+  imageSupport,
   imageWithHotspot,
   inlineBlockWithText,
-  styledListItems,
-  customListItemType,
-  customBlockType,
-  overrideDefaults,
-  customMarks,
-  overrideDefaultMarks,
+  inlineImages,
+  inlineNodes,
+  keyless,
+  linkMarkDef,
   listIssue,
+  listWithoutLevel,
+  marksAllTheWayDown,
+  materializedImageSupport,
+  messyLinkText,
   missingMarkComponent,
+  multipleSpans,
+  nestedLists,
+  overrideDefaultMarks,
+  overrideDefaults,
+  plainHeaderBlock,
+  singleSpan,
+  styledListItems,
 }

test/runthrough.test.tsx

@@ -1,7 +1,9 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import React from 'react'
-import {test, expect} from 'vitest'
-import {View, Text} from 'react-native'
+import {Text,View} from 'react-native'
 import renderer from 'react-test-renderer'
+import {expect,test} from 'vitest'
+
 import {PortableText, PortableTextReactComponents} from '../src'
 import * as fixtures from './fixtures'
 

vitest.config.ts

@@ -1,7 +1,7 @@
-import reactNative from 'vitest-react-native'
 // this is needed for react jsx support
 import react from '@vitejs/plugin-react'
 import {defineConfig} from 'vitest/config'
+import reactNative from 'vitest-react-native'
 
 export default defineConfig({
   plugins: [reactNative(), react()],