burgermenu | canvas menu with hardware accelerated transitions | Animation library

I'm trying to code a toggle menu in ReactJS in a way that I can understand. I understand that my code is a newbie and I need some help to understand what I'm doing wrong here, I'm stuck in this for almost 12 hours.

With the function display(), I'm trying to add a new className to the nav so would be "topnav responsive" so in this way, I could activate the new style within the @media CSS to make a responsive menu.

Hi I am making a website building app that uses styled components and forms to render data into sections of a page. So I decided all of my styled components will be default exports then imported to a context and then loaded into the form when its opened. Then from a select menu the user gets a map of all the possible components to render and when an option is selected a string reference filters the component array down to the called function and then adds all the other data and then displays it on screen. When I launch I get this error: "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: < BurgerMenu / >. Did you accidentally export a JSX literal instead of a component?"

Here are all of the parts:

BurgerMenu.js

• I have created custom shape in flutter. I am new to flutter to bare with silly doubt.
• I am trying to place the shape in the appbar as shown in the below image. I think I am messing up in calling the method for the shapes.
• I want the shapes to be behind the icons so it gives a look like in the above image.
• For now I am just able to do it after the appbar section.
• Code

I learn react HOC's and cant understand one thing,

I have a HOC like this:

I'm trying out Blazor WebAssembly, and wanted to create some new components on top of the pregenerated example project from Visual Studio.

So, essentially what I ended up is the following folder structure:

querySelector returns null(maybe because element is not created) , I tried event DOMContentLoaded and ReactDOM.findDOMNode

Is there a way to save current user data to local cache rather than calling it every time I call the menu. This is what I'm currently doing in the menu widget constructor:

I want to create npm package from my CRA app. Lets say I have some components where I include .scss file. When I build this app, I compile .tsx/ts components to JavaScript files with their definitions.

Compiled folder hierarchy structure may looks like this

Somehow, adding in a menu feature that has a solid white background has caused nothing else besides the menu to be clicked or interacted with and I'm not sure how to fix this issue.

The menu nav functions as it should by opening and closing and the links in the menu all function as they should.

However, I've been having problems because before I added the menu in the search bar worked and the image slideshow which makes me think that the menu nav is causing the problem.