Elements not defined

Hello there, and thank you for your work. I’ve follow the steps on the doc and I have these erros… 😕 I did the 2 first steps after “usage” for react.

Failed to compile

./src/js/components/modules/dashboard/Dashboard.jsx
  Line 10:6:   "loading" is not defined      no-undef
  Line 13:3:   "doSomething" is not defined  no-undef
  Line 19:10:  "Button" is not defined       react/jsx-no-undef

Search for the keywords to learn more about each error.

In my index.js

const instance = createInstance({
	urlBase: "https://stats.level-up.education/",
	siteId: 2, // optional, default value: `1`
});

ReactDOM.render(
	<MatomoProvider value={instance}>
		<Root/>
	</MatomoProvider>,
	document.getElementById('root')
);

And for the component I just took yours (in the doc).

Thank you.

[jonkoops]

@GentillePlume try using this code instead:

import React from 'react'
import { useMatomo } from '@datapunt/matomo-tracker-react'

const MyComponent = () => {
  const { trackPageView, trackEvent } = useMatomo()

  // Track page view
  trackPageView()

  const handleOnClick = e => {
    // Track click on button
    trackEvent({ category: 'sample-page', action: 'click-event' })
  }

  return <button type="button" onClick={handleOnClick}>Click me</button>
}

[jonkoops]

@GentillePlume If you want to use a class component make sure to add the render() method to your component. I would reccomend to read the React documentation.

I am closing this issue as the problem seems to be resolved. Good luck with your app!