a bit of types

lib/store.ts

@@ -1,5 +1,5 @@
-export const createStore = (initialState) => {
-  let state = initialState
+export const createStore = <StateType>(initialState: StateType) => {
+  let state: StateType = initialState
   const listeners = new Set<() => void>()
 
   return {

src/components/profile/profile.tsx

@@ -149,9 +149,8 @@ const withStars =
     )
   }
 
-const Counter = ({ stars, addStar, subStar, userId }) => {
+const Counter = ({ stars, addStar, subStar, userId }: { userId: 'some-user-id' | '2'}) => {
   const { rate, setUserRate } = useUsers((state) => state[userId].rated)
-  console.log(userId)
 
   return (
     <Center>

src/components/stars.tsx

@@ -25,7 +25,7 @@ export const Stars = ({
   userId,
 }: {
   count: number
-  userId: string
+  userId: 'some-user-id' | '2'
   // rated: number
   // setRated: (rate: number) => void
 }) => {

src/hooks.ts

@@ -2,16 +2,16 @@ import { useEffect, useState, useSyncExternalStore } from 'react'
 
 import { usersStore } from './__data__/users'
 
-export const useUsers = (selector) => {
-  //   const [rate, setRate] = useState(selector(usersStore.getState()))
+export const useUsers = <StatePart>(selector: (state: ReturnType<typeof usersStore.getState>) => StatePart) => {
+  // const [rate, setRate] = useState(selector(usersStore.getState()))
 
-  //   useEffect(() => {
-  //     const unsubscribe = usersStore.subscribe(() => {
-  //       setRate(selector(usersStore.getState()))
-  //     })
+  // useEffect(() => {
+  //   const unsubscribe = usersStore.subscribe(() => {
+  //     setRate(selector(usersStore.getState()))
+  //   })
 
-  //     return unsubscribe
-  //   }, [])
+  //   return unsubscribe
+  // }, [])
 
   const rate = useSyncExternalStore(usersStore.subscribe, () =>
     selector(usersStore.getState()),