Codebase bug resolution

packages/shoreline/src/components/filter/filter-provider.tsx

@@ -45,9 +45,12 @@ export function FilterProvider(props: FilterProviderProps) {
     defaultValue,
   })
 
-  useEffect(function syncState() {
-    selectStore.setValue(filterStore.getState().value)
-  }, [])
+  useEffect(
+    function syncState() {
+      selectStore.setValue(filterStore.getState().value)
+    },
+    [selectStore, filterStore]
+  )
 
   const searchable = !!searchValue || !!setSearchValue || !!defaultSearchValue
 

packages/shoreline/src/components/pagination/pagination.tsx

@@ -41,7 +41,7 @@ export const Pagination = forwardRef<HTMLDivElement, PaginationProps>(
       const lastPosition = Math.min(page * size, total)
 
       return { firstPosition, lastPosition }
-    }, [page, total])
+    }, [page, total, size])
 
     const isSinglePage = total <= size
     const paginationLabel = isSinglePage

packages/utils/src/flatten-object.ts

@@ -8,7 +8,11 @@ export function flattenObject<T extends AnyObject>(
   const result: Dict = {}
 
   for (const i in object) {
-    if (typeof object[i] === 'object' && !Array.isArray(object[i])) {
+    if (
+      typeof object[i] === 'object' &&
+      object[i] !== null &&
+      !Array.isArray(object[i])
+    ) {
       const temp = flattenObject(object[i], joinString, defaultString)
 
       for (const j in temp) {

packages/utils/src/tests/flatten-object.test.ts

@@ -20,6 +20,22 @@ describe('flattenObject', () => {
     expect(result).toStrictEqual(expectation)
   })
 
+  it('should preserve null values', () => {
+    const result = flattenObject({
+      a: {
+        b: null,
+        c: 'value',
+      },
+    })
+
+    const expectation = {
+      'a-b': null,
+      'a-c': 'value',
+    }
+
+    expect(result).toStrictEqual(expectation)
+  })
+
   it('should handle default values', () => {
     const result = flattenObject({
       a: {