Use react-hook-forms on SettingsPage
This greatly reduces our lines of code. Also I thought it might improve performance to address #135 but it didn't make any difference.
This commit is contained in:
parent
27b7e91e91
commit
a69bfd62a6
|
@ -79,7 +79,7 @@ export default function EditPlan() {
|
||||||
{DAYS.map(day => (
|
{DAYS.map(day => (
|
||||||
<Switch
|
<Switch
|
||||||
key={day}
|
key={day}
|
||||||
onValueChange={value => toggleDay(value, day)}
|
onChange={value => toggleDay(value, day)}
|
||||||
onPress={() => toggleDay(!days.includes(day), day)}
|
onPress={() => toggleDay(!days.includes(day), day)}
|
||||||
value={days.includes(day)}>
|
value={days.includes(day)}>
|
||||||
{day}
|
{day}
|
||||||
|
@ -94,7 +94,7 @@ export default function EditPlan() {
|
||||||
names.map(name => (
|
names.map(name => (
|
||||||
<Switch
|
<Switch
|
||||||
key={name}
|
key={name}
|
||||||
onValueChange={value => toggleWorkout(value, name)}
|
onChange={value => toggleWorkout(value, name)}
|
||||||
value={workouts.includes(name)}
|
value={workouts.includes(name)}
|
||||||
onPress={() => toggleWorkout(!workouts.includes(name), name)}>
|
onPress={() => toggleWorkout(!workouts.includes(name), name)}>
|
||||||
{name}
|
{name}
|
||||||
|
|
283
SettingsPage.tsx
283
SettingsPage.tsx
|
@ -4,21 +4,22 @@ import {
|
||||||
useNavigation,
|
useNavigation,
|
||||||
} from '@react-navigation/native'
|
} from '@react-navigation/native'
|
||||||
import {format} from 'date-fns'
|
import {format} from 'date-fns'
|
||||||
import {useCallback, useMemo, useState} from 'react'
|
import {useCallback, useEffect, useMemo, useState} from 'react'
|
||||||
|
import {Controller, useForm} from 'react-hook-form'
|
||||||
import {DeviceEventEmitter, NativeModules, Platform, View} from 'react-native'
|
import {DeviceEventEmitter, NativeModules, Platform, View} from 'react-native'
|
||||||
import DocumentPicker from 'react-native-document-picker'
|
import DocumentPicker from 'react-native-document-picker'
|
||||||
import {Dirs, FileSystem} from 'react-native-file-access'
|
import {Dirs, FileSystem} from 'react-native-file-access'
|
||||||
import {Button, Subheading} from 'react-native-paper'
|
import {Button, Subheading} from 'react-native-paper'
|
||||||
import ConfirmDialog from './ConfirmDialog'
|
import ConfirmDialog from './ConfirmDialog'
|
||||||
import {ITEM_PADDING, MARGIN} from './constants'
|
import {ITEM_PADDING, MARGIN, toSentenceCase} from './constants'
|
||||||
import {AppDataSource} from './data-source'
|
import {AppDataSource} from './data-source'
|
||||||
import {setRepo, settingsRepo} from './db'
|
import {setRepo, settingsRepo} from './db'
|
||||||
import {DrawerParamList} from './drawer-param-list'
|
import {DrawerParamList} from './drawer-param-list'
|
||||||
import DrawerHeader from './DrawerHeader'
|
import DrawerHeader from './DrawerHeader'
|
||||||
import Input from './input'
|
|
||||||
import {darkOptions, lightOptions, themeOptions} from './options'
|
import {darkOptions, lightOptions, themeOptions} from './options'
|
||||||
import Page from './Page'
|
import Page from './Page'
|
||||||
import Select from './Select'
|
import Select from './Select'
|
||||||
|
import Settings from './settings'
|
||||||
import Switch from './Switch'
|
import Switch from './Switch'
|
||||||
import {toast} from './toast'
|
import {toast} from './toast'
|
||||||
import {useTheme} from './use-theme'
|
import {useTheme} from './use-theme'
|
||||||
|
@ -26,39 +27,35 @@ import {useTheme} from './use-theme'
|
||||||
const defaultFormats = ['P', 'Pp', 'ccc p', 'p']
|
const defaultFormats = ['P', 'Pp', 'ccc p', 'p']
|
||||||
|
|
||||||
export default function SettingsPage() {
|
export default function SettingsPage() {
|
||||||
const [ignoring, setIgnoring] = useState(false)
|
const {control, watch} = useForm<Settings>({
|
||||||
|
defaultValues: async () => settingsRepo.findOne({where: {}}),
|
||||||
|
})
|
||||||
|
const settings = watch()
|
||||||
const [term, setTerm] = useState('')
|
const [term, setTerm] = useState('')
|
||||||
const [vibrate, setVibrate] = useState(false)
|
|
||||||
const [alarm, setAlarm] = useState(false)
|
|
||||||
const [sound, setSound] = useState('')
|
const [sound, setSound] = useState('')
|
||||||
const [notify, setNotify] = useState(false)
|
const {setTheme, setLightColor, setDarkColor} = useTheme()
|
||||||
const [images, setImages] = useState(false)
|
|
||||||
const [showUnit, setShowUnit] = useState(false)
|
|
||||||
const [steps, setSteps] = useState(false)
|
|
||||||
const [date, setDate] = useState('P')
|
|
||||||
const {theme, setTheme, lightColor, setLightColor, darkColor, setDarkColor} =
|
|
||||||
useTheme()
|
|
||||||
const [showDate, setShowDate] = useState(false)
|
|
||||||
const [noSound, setNoSound] = useState(false)
|
|
||||||
const [formatOptions, setFormatOptions] = useState<string[]>(defaultFormats)
|
const [formatOptions, setFormatOptions] = useState<string[]>(defaultFormats)
|
||||||
const [importing, setImporting] = useState(false)
|
const [importing, setImporting] = useState(false)
|
||||||
|
const [ignoring, setIgnoring] = useState(false)
|
||||||
const {reset} = useNavigation<NavigationProp<DrawerParamList>>()
|
const {reset} = useNavigation<NavigationProp<DrawerParamList>>()
|
||||||
const today = new Date()
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (Object.keys(settings).length === 0) return
|
||||||
|
settingsRepo.update({}, settings)
|
||||||
|
setLightColor(settings.lightColor)
|
||||||
|
setDarkColor(settings.darkColor)
|
||||||
|
setTheme(settings.theme)
|
||||||
|
if (!settings.alarm || ignoring) return
|
||||||
|
DeviceEventEmitter.emit('toast', {
|
||||||
|
value: 'Timers will now run after each set',
|
||||||
|
timeout: 4000,
|
||||||
|
})
|
||||||
|
NativeModules.SettingsModule.ignoreBattery()
|
||||||
|
setIgnoring(true)
|
||||||
|
}, [settings, setDarkColor, setLightColor, setTheme, ignoring])
|
||||||
|
|
||||||
useFocusEffect(
|
useFocusEffect(
|
||||||
useCallback(() => {
|
useCallback(() => {
|
||||||
settingsRepo.findOne({where: {}}).then(settings => {
|
|
||||||
setAlarm(settings.alarm)
|
|
||||||
setVibrate(settings.vibrate)
|
|
||||||
setSound(settings.sound)
|
|
||||||
setNotify(settings.notify)
|
|
||||||
setImages(settings.images)
|
|
||||||
setShowUnit(settings.showUnit)
|
|
||||||
setSteps(settings.steps)
|
|
||||||
setDate(settings.date)
|
|
||||||
setShowDate(settings.showDate)
|
|
||||||
setNoSound(settings.noSound)
|
|
||||||
})
|
|
||||||
if (Platform.OS !== 'android') return
|
if (Platform.OS !== 'android') return
|
||||||
NativeModules.SettingsModule.ignoringBattery(setIgnoring)
|
NativeModules.SettingsModule.ignoringBattery(setIgnoring)
|
||||||
NativeModules.SettingsModule.is24().then((is24: boolean) => {
|
NativeModules.SettingsModule.is24().then((is24: boolean) => {
|
||||||
|
@ -69,28 +66,6 @@ export default function SettingsPage() {
|
||||||
}, []),
|
}, []),
|
||||||
)
|
)
|
||||||
|
|
||||||
const changeAlarmEnabled = useCallback(
|
|
||||||
(enabled: boolean) => {
|
|
||||||
if (enabled)
|
|
||||||
DeviceEventEmitter.emit('toast', {
|
|
||||||
value: 'Timers will now run after each set',
|
|
||||||
timeout: 4000,
|
|
||||||
})
|
|
||||||
else toast('Stopped timers running after each set.')
|
|
||||||
if (enabled && !ignoring) NativeModules.SettingsModule.ignoreBattery()
|
|
||||||
setAlarm(enabled)
|
|
||||||
settingsRepo.update({}, {alarm: enabled})
|
|
||||||
},
|
|
||||||
[ignoring],
|
|
||||||
)
|
|
||||||
|
|
||||||
const changeVibrate = useCallback((enabled: boolean) => {
|
|
||||||
if (enabled) toast('When a timer completes, vibrate your phone.')
|
|
||||||
else toast('Stop vibrating at the end of timers.')
|
|
||||||
setVibrate(enabled)
|
|
||||||
settingsRepo.update({}, {vibrate: enabled})
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
const changeSound = useCallback(async () => {
|
const changeSound = useCallback(async () => {
|
||||||
const {fileCopyUri} = await DocumentPicker.pickSingle({
|
const {fileCopyUri} = await DocumentPicker.pickSingle({
|
||||||
type: 'audio/*',
|
type: 'audio/*',
|
||||||
|
@ -102,143 +77,91 @@ export default function SettingsPage() {
|
||||||
toast('This song will now play after rest timers complete.')
|
toast('This song will now play after rest timers complete.')
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
const changeNotify = useCallback((enabled: boolean) => {
|
|
||||||
setNotify(enabled)
|
|
||||||
settingsRepo.update({}, {notify: enabled})
|
|
||||||
if (enabled) toast('Show when a set is a new record.')
|
|
||||||
else toast('Stopped showing notifications for new records.')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
const changeImages = useCallback((enabled: boolean) => {
|
|
||||||
setImages(enabled)
|
|
||||||
settingsRepo.update({}, {images: enabled})
|
|
||||||
if (enabled) toast('Show images for sets.')
|
|
||||||
else toast('Stopped showing images for sets.')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
const changeUnit = useCallback((enabled: boolean) => {
|
|
||||||
setShowUnit(enabled)
|
|
||||||
settingsRepo.update({}, {showUnit: enabled})
|
|
||||||
if (enabled) toast('Show option to select unit for sets.')
|
|
||||||
else toast('Hid unit option for sets.')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
const changeSteps = useCallback((enabled: boolean) => {
|
|
||||||
setSteps(enabled)
|
|
||||||
settingsRepo.update({}, {steps: enabled})
|
|
||||||
if (enabled) toast('Show steps for a workout.')
|
|
||||||
else toast('Stopped showing steps for workouts.')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
const changeShowDate = useCallback((enabled: boolean) => {
|
|
||||||
setShowDate(enabled)
|
|
||||||
settingsRepo.update({}, {showDate: enabled})
|
|
||||||
if (enabled) toast('Show date for sets by default.')
|
|
||||||
else toast('Stopped showing date for sets by default.')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
const changeNoSound = useCallback((enabled: boolean) => {
|
|
||||||
setNoSound(enabled)
|
|
||||||
settingsRepo.update({}, {noSound: enabled})
|
|
||||||
if (enabled) toast('Disable sound on rest timer alarms.')
|
|
||||||
else toast('Enabled sound for rest timer alarms.')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
const switches: Input<boolean>[] = [
|
|
||||||
{name: 'Rest timers', value: alarm, onChange: changeAlarmEnabled},
|
|
||||||
{name: 'Vibrate', value: vibrate, onChange: changeVibrate},
|
|
||||||
{name: 'Disable sound', value: noSound, onChange: changeNoSound},
|
|
||||||
{name: 'Notifications', value: notify, onChange: changeNotify},
|
|
||||||
{name: 'Show images', value: images, onChange: changeImages},
|
|
||||||
{name: 'Show unit', value: showUnit, onChange: changeUnit},
|
|
||||||
{name: 'Show steps', value: steps, onChange: changeSteps},
|
|
||||||
{name: 'Show date', value: showDate, onChange: changeShowDate},
|
|
||||||
].filter(({name}) => name.toLowerCase().includes(term.toLowerCase()))
|
|
||||||
|
|
||||||
const changeTheme = useCallback(
|
|
||||||
(value: string) => {
|
|
||||||
settingsRepo.update({}, {theme: value})
|
|
||||||
setTheme(value)
|
|
||||||
},
|
|
||||||
[setTheme],
|
|
||||||
)
|
|
||||||
|
|
||||||
const changeDate = useCallback((value: string) => {
|
|
||||||
settingsRepo.update({}, {date: value})
|
|
||||||
setDate(value)
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
const soundString = useMemo(() => {
|
const soundString = useMemo(() => {
|
||||||
if (!sound) return null
|
if (!sound) return null
|
||||||
const split = sound.split('/')
|
const split = sound.split('/')
|
||||||
return split.pop()
|
return split.pop()
|
||||||
}, [sound])
|
}, [sound])
|
||||||
|
|
||||||
const changeDarkColor = useCallback(
|
|
||||||
(value: string) => {
|
|
||||||
setDarkColor(value)
|
|
||||||
settingsRepo.update({}, {darkColor: value})
|
|
||||||
},
|
|
||||||
[setDarkColor],
|
|
||||||
)
|
|
||||||
|
|
||||||
const changeLightColor = useCallback(
|
|
||||||
(value: string) => {
|
|
||||||
setLightColor(value)
|
|
||||||
settingsRepo.update({}, {lightColor: value})
|
|
||||||
},
|
|
||||||
[setLightColor],
|
|
||||||
)
|
|
||||||
|
|
||||||
const renderSwitch = useCallback(
|
const renderSwitch = useCallback(
|
||||||
(item: Input<boolean>) => (
|
(key: keyof Settings) => (
|
||||||
|
<Controller
|
||||||
|
key={key}
|
||||||
|
name={key}
|
||||||
|
control={control}
|
||||||
|
render={({field: {onChange, value}}) => (
|
||||||
<Switch
|
<Switch
|
||||||
onPress={() => item.onChange(!item.value)}
|
value={value as boolean}
|
||||||
key={item.name}
|
onPress={() => {
|
||||||
value={item.value}
|
console.log({value})
|
||||||
onValueChange={item.onChange}>
|
onChange(!value)
|
||||||
{item.name}
|
}}
|
||||||
|
onChange={onChange}>
|
||||||
|
{toSentenceCase(key)}
|
||||||
</Switch>
|
</Switch>
|
||||||
),
|
)}
|
||||||
[],
|
|
||||||
)
|
|
||||||
|
|
||||||
const selects: Input<string>[] = [
|
|
||||||
{name: 'Theme', value: theme, onChange: changeTheme, items: themeOptions},
|
|
||||||
{
|
|
||||||
name: 'Dark color',
|
|
||||||
value: darkColor,
|
|
||||||
onChange: changeDarkColor,
|
|
||||||
items: lightOptions,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Light color',
|
|
||||||
value: lightColor,
|
|
||||||
onChange: changeLightColor,
|
|
||||||
items: darkOptions,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Date format',
|
|
||||||
value: date,
|
|
||||||
onChange: changeDate,
|
|
||||||
items: formatOptions.map(option => ({
|
|
||||||
label: format(today, option),
|
|
||||||
value: option,
|
|
||||||
})),
|
|
||||||
},
|
|
||||||
].filter(({name}) => name.toLowerCase().includes(term.toLowerCase()))
|
|
||||||
|
|
||||||
const renderSelect = useCallback(
|
|
||||||
(item: Input<string>) => (
|
|
||||||
<Select
|
|
||||||
key={item.name}
|
|
||||||
value={item.value}
|
|
||||||
onChange={item.onChange}
|
|
||||||
label={item.name}
|
|
||||||
items={item.items}
|
|
||||||
/>
|
/>
|
||||||
),
|
),
|
||||||
[],
|
[control],
|
||||||
|
)
|
||||||
|
|
||||||
|
const switches: (keyof Settings)[] = [
|
||||||
|
'alarm',
|
||||||
|
'vibrate',
|
||||||
|
'noSound',
|
||||||
|
'notify',
|
||||||
|
'images',
|
||||||
|
'showUnit',
|
||||||
|
'steps',
|
||||||
|
'showDate',
|
||||||
|
]
|
||||||
|
|
||||||
|
const selects: (keyof Settings)[] = [
|
||||||
|
'theme',
|
||||||
|
'darkColor',
|
||||||
|
'lightColor',
|
||||||
|
'date',
|
||||||
|
]
|
||||||
|
|
||||||
|
const getItems = useCallback(
|
||||||
|
(key: keyof Settings) => {
|
||||||
|
const today = new Date()
|
||||||
|
switch (key) {
|
||||||
|
case 'theme':
|
||||||
|
return themeOptions
|
||||||
|
case 'darkColor':
|
||||||
|
return lightOptions
|
||||||
|
case 'lightColor':
|
||||||
|
return darkOptions
|
||||||
|
case 'date':
|
||||||
|
return formatOptions.map(option => ({
|
||||||
|
label: format(today, option),
|
||||||
|
value: option,
|
||||||
|
}))
|
||||||
|
default:
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
[formatOptions],
|
||||||
|
)
|
||||||
|
|
||||||
|
const renderSelect = useCallback(
|
||||||
|
(key: keyof Settings) => (
|
||||||
|
<Controller
|
||||||
|
key={key}
|
||||||
|
name={key}
|
||||||
|
control={control}
|
||||||
|
render={({field: {onChange, value}}) => (
|
||||||
|
<Select
|
||||||
|
value={value as string}
|
||||||
|
onChange={onChange}
|
||||||
|
items={getItems(key)}
|
||||||
|
label={toSentenceCase(key)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
[control, getItems],
|
||||||
)
|
)
|
||||||
|
|
||||||
const confirmImport = useCallback(async () => {
|
const confirmImport = useCallback(async () => {
|
||||||
|
@ -311,8 +234,12 @@ export default function SettingsPage() {
|
||||||
|
|
||||||
<Page term={term} search={setTerm} style={{flexGrow: 0}}>
|
<Page term={term} search={setTerm} style={{flexGrow: 0}}>
|
||||||
<View style={{marginTop: MARGIN}}>
|
<View style={{marginTop: MARGIN}}>
|
||||||
{switches.map(s => renderSwitch(s))}
|
{switches
|
||||||
{selects.map(s => renderSelect(s))}
|
.filter(s => s.toLowerCase().includes(term.toLowerCase()))
|
||||||
|
.map(s => renderSwitch(s))}
|
||||||
|
{selects
|
||||||
|
.filter(s => s.toLowerCase().includes(term.toLowerCase()))
|
||||||
|
.map(key => renderSelect(key))}
|
||||||
{buttons
|
{buttons
|
||||||
.filter(b => b.name.includes(term.toLowerCase()))
|
.filter(b => b.name.includes(term.toLowerCase()))
|
||||||
.map(b => b.element)}
|
.map(b => b.element)}
|
||||||
|
|
|
@ -4,12 +4,12 @@ import {MARGIN} from './constants'
|
||||||
|
|
||||||
export default function Switch({
|
export default function Switch({
|
||||||
value,
|
value,
|
||||||
onValueChange,
|
onChange,
|
||||||
onPress,
|
onPress,
|
||||||
children,
|
children,
|
||||||
}: {
|
}: {
|
||||||
value?: boolean
|
value?: boolean
|
||||||
onValueChange: (value: boolean) => void
|
onChange: (value: boolean) => void
|
||||||
onPress: () => void
|
onPress: () => void
|
||||||
children: string
|
children: string
|
||||||
}) {
|
}) {
|
||||||
|
@ -28,7 +28,7 @@ export default function Switch({
|
||||||
color={colors.primary}
|
color={colors.primary}
|
||||||
style={{marginRight: MARGIN}}
|
style={{marginRight: MARGIN}}
|
||||||
value={value}
|
value={value}
|
||||||
onValueChange={onValueChange}
|
onValueChange={onChange}
|
||||||
/>
|
/>
|
||||||
<Text>{children}</Text>
|
<Text>{children}</Text>
|
||||||
</Pressable>
|
</Pressable>
|
||||||
|
|
|
@ -3,3 +3,11 @@ export const PADDING = 10
|
||||||
export const ITEM_PADDING = 8
|
export const ITEM_PADDING = 8
|
||||||
export const DARK_RIPPLE = '#444444'
|
export const DARK_RIPPLE = '#444444'
|
||||||
export const LIGHT_RIPPLE = '#c2c2c2'
|
export const LIGHT_RIPPLE = '#c2c2c2'
|
||||||
|
|
||||||
|
export const toSentenceCase = (camelCase: string) => {
|
||||||
|
if (camelCase) {
|
||||||
|
const result = camelCase.replace(/([A-Z])/g, ' $1')
|
||||||
|
return result[0].toUpperCase() + result.substring(1).toLowerCase()
|
||||||
|
}
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
|
3
input.ts
3
input.ts
|
@ -1,8 +1,7 @@
|
||||||
import {Item} from './Select'
|
import {Item} from './Select'
|
||||||
|
|
||||||
export default interface Input<T> {
|
export default interface Input<T> {
|
||||||
|
key: keyof T
|
||||||
name: string
|
name: string
|
||||||
value?: T
|
|
||||||
onChange: (value: T) => void
|
|
||||||
items?: Item[]
|
items?: Item[]
|
||||||
}
|
}
|
||||||
|
|
|
@ -31,6 +31,7 @@
|
||||||
"eslint-plugin-flowtype": "^8.0.3",
|
"eslint-plugin-flowtype": "^8.0.3",
|
||||||
"jest": "^29.2.2",
|
"jest": "^29.2.2",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
|
"react-hook-form": "^7.41.1",
|
||||||
"react-native": "^0.70.5",
|
"react-native": "^0.70.5",
|
||||||
"react-native-document-picker": "^8.1.2",
|
"react-native-document-picker": "^8.1.2",
|
||||||
"react-native-file-access": "^2.5.0",
|
"react-native-file-access": "^2.5.0",
|
||||||
|
|
10
yarn.lock
10
yarn.lock
|
@ -7306,6 +7306,7 @@ __metadata:
|
||||||
jest: ^29.2.2
|
jest: ^29.2.2
|
||||||
metro-react-native-babel-preset: ^0.73.3
|
metro-react-native-babel-preset: ^0.73.3
|
||||||
react: ^18.2.0
|
react: ^18.2.0
|
||||||
|
react-hook-form: ^7.41.1
|
||||||
react-native: ^0.70.5
|
react-native: ^0.70.5
|
||||||
react-native-document-picker: ^8.1.2
|
react-native-document-picker: ^8.1.2
|
||||||
react-native-file-access: ^2.5.0
|
react-native-file-access: ^2.5.0
|
||||||
|
@ -8762,6 +8763,15 @@ __metadata:
|
||||||
languageName: node
|
languageName: node
|
||||||
linkType: hard
|
linkType: hard
|
||||||
|
|
||||||
|
"react-hook-form@npm:^7.41.1":
|
||||||
|
version: 7.41.1
|
||||||
|
resolution: "react-hook-form@npm:7.41.1"
|
||||||
|
peerDependencies:
|
||||||
|
react: ^16.8.0 || ^17 || ^18
|
||||||
|
checksum: 30f7ea67e29c3527d25f87b9ea8789f6722780759adf0718a0dadc6160227ae763c68ddedf63d8311f0902e4ce27225eff37b93a82eac868fc5e0a0d00dbbd14
|
||||||
|
languageName: node
|
||||||
|
linkType: hard
|
||||||
|
|
||||||
"react-is@npm:^16.12.0 || ^17.0.0 || ^18.0.0, react-is@npm:^18.0.0, react-is@npm:^18.2.0":
|
"react-is@npm:^16.12.0 || ^17.0.0 || ^18.0.0, react-is@npm:^18.0.0, react-is@npm:^18.2.0":
|
||||||
version: 18.2.0
|
version: 18.2.0
|
||||||
resolution: "react-is@npm:18.2.0"
|
resolution: "react-is@npm:18.2.0"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user