don't work it in nested Component and DOM? 

ex:

```jsx
<Highlight search={query}>
    <Para />
</Highlight>

<Para>
    <p>test test test test</p>
    <ul>
        <li>test</li>     
        <li>test</li>     
        <li>test</li>     
    </ul>
</Para>
```