allow null to be used as a valid initial input

Author: Pckool

packages/plexus-core/src/state.ts

@@ -17,8 +17,6 @@ export type PlexusState = <Value extends PlexusValidStateTypes = any>(
 	input: Value
 ) => StateInstance<Value>
 
-type DestroyFn = () => void
-
 export interface StateStore {
 	_name: string
 	_persist: boolean
@@ -329,9 +327,6 @@ export function _state<StateValue>(
  * @param item The default value to use when we generate the state
  * @returns A Plexus State Instance
  */
-export function state<
-	Override extends PlexusValidStateTypes = never,
-	Value = Override extends AlmostAnything ? Override : any
->(item: Value) {
-	return _state(() => instance(), item)
+export function state<Override = never, Value = Override>(init: Value | null) {
+	return _state(() => instance(), init as NonNullable<Value>)
 }

tests/react.test.tsx

@@ -5,22 +5,15 @@ import { render, act } from './test-utils'
 import { collection, computed, instance, state, event } from '@plexusjs/core'
 import React, { FC, useEffect, useState } from 'react'
 import { useDeposit, usePlexusEvent, usePlexus } from '@plexusjs/react'
-// import * as renderer from "react-test-renderer"
 
-// function toJson(component: renderer.ReactTestRenderer) {
-// 	const result = component.toJSON()
-// 	expect(result).toBeDefined()
-// 	expect(result).not.toBeInstanceOf(Array)
-// 	return result as renderer.ReactTestRendererJSON
-// }
 
 type Payload = {
 	name: string
 	status: string
 }
 
 const myEvents = event<Payload>()
-const stringState = state<string>('yes')
+const stringState = state('yes')
 const numberState = state(1)
 const objectState = state<Partial<{ name: string }>>({ name: 'test' })
 instance({ logLevel: 'debug' })
@@ -194,7 +187,7 @@ describe('Test react integration (useDeposit)', () => {
 			const { value, save, edit } = useDeposit(
 				{ ...def },
 				{
-					onEdit(k, v) {},
+					onEdit(k, v) { },
 					onSave(payload) {
 						setVal(payload.name ?? '')
 					},

tests/test-utils.tsx

@@ -56,6 +56,7 @@ export const initialStateValues = {
 }
 export const booleanState = state(true)
 export const stringState = state('Hello Plexus!')
+export const stringStateStartingWithNull = state<string>(null)
 export const objectState = state<ObjectStateExample>(initialStateValues.object)
 export const arrayState = state<{ item?: string; item2?: { subitem?: string } }[]>(
 	initialStateValues.array