frontend-collective / frontend-collective/react-sortable-tree

searchQuery causing error

Open
#739 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
5k
Forks
914
PR merge metrics
No merged PRs in 30d

Description

I am using SortableTree in WordPress Gutenberg. Below is my code. Whenever I update the search query it gives me an error.

```
/**
* WordPress dependencies
*/
import { useSelect, dispatch } from '@wordpress/data';
import { useState } from '@wordpress/element';
/**
* External dependencies
*/
import SortableTree from 'react-sortable-tree';
import FileExplorerTheme from 'react-sortable-tree-theme-minimal';
import ContentRenderer from './content-renderer.js'
import { SearchBar } from '../../components';

const TermTree = () => {

/**
* Get terms to display in the category list.
*/
const terms = useSelect( ( select ) => {
return select( 'navigation-manager' ).getTerms();
} );

/**
* Search Query
*/
const searchQuery = useSelect( ( select ) => {
return select( 'navigation-manager' ).getSearchQuery();
} );

/**
*
* @param {*} searchTerm
*/
const [ searchTerm, setSearchTerm ] = useState( '' );

const onChange = ( searchTerm ) => {
setSearchTerm( searchTerm );

if ( ! terms || terms.length <= 0 ) {
return;
}
dispatch( 'navigation-manager' ).updateSearchQuery( searchTerm );
};

return (
<>



);
}

export default TermTree;
```

For some reason this is causing this error:

```
TypeError: i is not a function
at Function.value (index.esm.js:3118)
at value (index.esm.js:3065)
at Nc (react-dom.min.b694e242.js?ver=16.9.0:62)
at Vg (react-dom.min.b694e242.js?ver=16.9.0:93)
at ph (react-dom.min.b694e242.js?ver=16.9.0:217)
at lh (react-dom.min.b694e242.js?ver=16.9.0:126)
at O (react-dom.min.b694e242.js?ver=16.9.0:121)
at ze (react-dom.min.b694e242.js?ver=16.9.0:118)
at react-dom.min.b694e242.js?ver=16.9.0:53
at unstable_runWithPriority (react.min.0212dc62.js?ver=16.9.0:26)
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.