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