Filter doesn't work with nested properties

Open
#111 1 comment 4 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
react, typescript
Domain
devtools, frontend

Research direction

Start with the linked CodeSandbox and its src/App.js, reproducing searches for "person.0.firstName" and "firstName". Trace the devtools filter entry point, then verify that nested paths and repeated array properties produce the expected responses for both searches.

Written by the indexing model from the issue text.

Description

feature request

Description
Searching for nested properties name doesn't work

How To Reproduce
Steps to reproduce the behavior:

CodeSandbox: https://codesandbox.io/s/runtime-sky-biu91?file=/src/App.js

  • Search for "person.0.firstName" or "firstName" - doesn't show any responses in any case

Expected behavior

  • Should show person.0.firstName when searching for "person.0.firstName" or person.0.firstName and person.1.firstName when searching for "firstName"

Screenshots
image
all responses

image
searching for "person.0.firstName"

image
searching for "firstName"

Dominant language
TypeScript
Stars
670
Forks
55
PR merge metrics
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from react-hook-form/devtools

All issues in react-hook-form/devtools

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.