@@ -42,8 +42,8 @@ Some examples follow, but we recommend having a look at the type definitions for
4242### Example usage with Next.js
4343
4444``` tsx
45- import { Query } from ' @aboutbits/react-pagination'
46- import { useQueryAndPagination } from ' @aboutbits/react-pagination/next-router '
45+ import { Query } from ' @aboutbits/react-pagination/dist/esm/engine '
46+ import { useQueryAndPagination } from ' @aboutbits/react-pagination/dist/esm/routers/nextRouter '
4747
4848const users = [' Alex' , ' Simon' , ' Natan' , ' Nadia' , ' Moritz' , ' Marie' ]
4949
@@ -77,7 +77,7 @@ export function UserList() {
7777 <ul >
7878 { users
7979 .filter ((user ) =>
80- user .toLowerCase ().startsWith (query .search .toLowerCase ())
80+ user .toLowerCase ().startsWith (query .search .toLowerCase ()),
8181 )
8282 .slice (page * size , (page + 1 ) * size )
8383 .map ((user ) => (
@@ -92,7 +92,7 @@ export function UserList() {
9292### Example usage with React Router and zod
9393
9494``` tsx
95- import { useQueryAndPagination } from ' @aboutbits/react-pagination/react-router/ zod'
95+ import { useQueryAndPagination } from ' @aboutbits/react-pagination/dist/esm/ zod/routers/reactRouter '
9696import { z } from ' zod'
9797
9898const userSchema = z .object ({
@@ -156,7 +156,7 @@ export function UserList() {
156156 .filter (
157157 (user ) =>
158158 user .name .toLowerCase ().startsWith (query .name .toLowerCase ()) &&
159- user .age >= query .age
159+ user .age >= query .age ,
160160 )
161161 .slice (page * size , (page + 1 ) * size )
162162 .map ((user ) => (
0 commit comments