react-translate-component | Counterpart module to provide multi | Frontend Framework library

This is my code:

import counterpart from 'counterpart'; import Translate from 'react-translate-component';

import en from './lang/en'; import de from './lang/de';

counterpart.registerTranslations('en', en); counterpart.registerTranslations('de', de);

counterpart.setLocale('en');

class App extends Component { state = { lang: 'en' }

I have a language change option from select in my code but want it through a link onClick event. The select-> option method is working but I can't seem to make it work through onClick. I am sure I am missing something in my code but can't seem to figure it out. When "en" is clicked, I want English and when "es" is clicked, Spanish which accesses the individual language files. Here is the code:

App.js

Queries not requiring authorisation succeed, but a query requiring JWT authorisation fails.

In the browser console, I get the following error message:

[GraphQL error]: Message: permission denied for function get_account_info, Location: [object Object], Path: getAccountInfo

And this is the error I get in the server console:

1 error(s) as guest in 101.18ms :: { getAccountInfo { username interface native customNative tutorial email __typename } }

The fact that the error says as guest means that the role hasn't been set correctly (otherwise it would say as loggedin). I'm fairly sure this error isn't due to something on the SQL side, but rather in my JS code, but I've provided some SQL code below just in case.

I installed GraphQL Developer Tools and saw that this is what was being sent in the request:

Request

• Request URL: http://localhost:3000/graphql
• Method: POST
• HTTP version: HTTP/1.1
• Headers:
  • Origin: http://localhost:3000
  • Accept-Encoding: gzip, deflate, br
  • Host: localhost:3000
  • Accept-Language: pl-PL,pl;q=0.9,en-US;q=0.8,en;q=0.7,fr;q=0.6,lt;q=0.5,es;q=0.4
  • User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36
  • content-type: application/json
  • accept: /
  • Referer: http://localhost:3000/login
  • Cookie: authorization=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjaWQiOjgsInN1YiI6InN0YXNAbXJzd29yZHNtaXRoLmNvbSIsImlzcyI6Imh0dHA6Ly9td3MtbWxhLmNvbSIsInBlcm1pc3Npb25zIjoxLCJpYXQiOjE1MjIwNzA4NzYsImV4cCI6MTUyMjY3NTY3Nn0.cXoy-SxSc5YVJ36lSmUoKAYU8KpZsZaFOS-xqcmbKPg
  • Connection: keep-alive
  • Content-Length: 179
  • DNT: 1

Note that Cookie has authorization=[some token]. Does this mean that there is no authorization header because it is living under Cookie for some reason? If so, how do I set the header correctly? Or is there anything else that I'm doing wrong?

I'm pretty sure that the SQL is fine, but here it is just in case.

I'm trying to import a large file into a react project that is Chunked and Uglified by webpack 2.

Our code is split into chunks one of our chunks is 29MG. I want to exclude the large file from the chuck and to load that large file separately.

How do could I split the large file to it's own chunk with webpack 2?

reactComponent imports a js file that has code to export the page to a PDF

This is my first time using ReactJS and is not my project however, I am trying to redirect any non-existent routes to a 404 page that I have made. My 404 page is currently displaying as intended when any URL that doesn't match a route is entered apart from when the URL contains /#/.

For example, this URL will redirect to my 404 page:

http://localhost:8080/non-existent-url

But this URL will only load my app's default route (homepage):

http://localhost:8080/#/non-existent-url

I don't know what the /#/ is for and it appears that the app will display pages with valid routes with or without it.

Stripped down routes file:

I'm getting a error: Test suite failed to run : Unexpected token (5:0)