Elastic and Bubble animation change svg > path of other svg element on website and Menu don't animate then

[KaweckiBartek]

Hello

I have problem with menu animation in NextJs. On some page when i have other svg, the menu component is animating wrong svg. It change the first path of svg and animate it. In my example its search icon. I tried to change in file node_modules//react-burger-menu/dist/react-burger-menu.js and node_modules//react-burger-menu/lib/menuFactory.js .createElement and add an Id or className but it doesn't work.

I send you 3 screenshots from one page. 1) this is svg search icon 2) Menu when is open on Bubble effect 3) Menu svg path is not changing when is Open or close

Please Help me because your Burger Menu is awesome and I don't want to change it for another :)

![Screenshot 2021-01-04 at 12 08 36](https://user-images.githubusercontent.com/67326141/10352986

1-b2f64400-4e86-11eb-8fe2-f509b62fc64c.png)

[KaweckiBartek]

[negomi]

Wow, this was a very specific bug, thank you for finding it 😄

I just published version 3.0.3 which contains a fix so it should work for you now.

[KaweckiBartek]

Hi Negomi :)

I updated the new version, but the problem is still as it was.

[KaweckiBartek]

@negomi

[negomi]

Oh no! Ok, I'll take another look later.

[negomi]

Hey @KaweckiBartek,

I tried to reproduce this problem locally but I wasn't able to.

Do you have a link to your repo I can look at to help debug?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[kazerlelutin]

Hello, I have the same problem, with version 3.0.8.

[l4so]

Hi, I had the same issue. The solution was to make the header render after the Menu