pranitkhadilkar7

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'

export const applicationApi = createApi({
  reducerPath: 'applicationApi',
  baseQuery: fetchBaseQuery({ baseUrl: 'http://localhost:3004/' }),
  endpoints: () => ({}),
})

pranitkhadilkar7

import { configureStore } from '@reduxjs/toolkit'
import { applicationApi } from './service'
import { setupListeners } from '@reduxjs/toolkit/query'

export const store = configureStore({
  reducer: {
    [applicationApi.reducerPath]: applicationApi.reducer,
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(applicationApi.middleware),

pranitkhadilkar7

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import reportWebVitals from './reportWebVitals'
import './styles/index.css'
import { Provider } from 'react-redux'
import { store } from './store/store'

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
root.render(

pranitkhadilkar7

import { applicationApi } from '../../store/service'
import { LatestRelease } from './home-type'

const homeService = applicationApi.injectEndpoints({
  endpoints: (build) => ({
    getLatestRelease: build.query<LatestRelease, void>({
      query: () => ({
        url: '/release/latest',
        method: 'GET',
      }),

pranitkhadilkar7

import { useGetLatestReleaseQuery } from './home-service'

export function Home() {
  const { data, isLoading, isFetching } = useGetLatestReleaseQuery()

  if (isLoading) return <div>Loading...</div>

  if (isFetching) return <div>Fetching...</div>

  if (data)

pranitkhadilkar7

# Highcharts dependencies

# npm command
npm install highcharts highcharts-react-official

# yarn command
yarn add highcharts highcharts-react-official

pranitkhadilkar7

import React from 'react';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';

const LineChart = () => {
  const options = {
    chart: {
      type: 'line'
    },
    title: {

pranitkhadilkar7

// Basic Usage
import Highcharts from 'highcharts';

Highcharts.setOptions({
  // Global options that apply to all charts
  chart: {
    style: {
      fontFamily: '"Arial", sans-serif'
    }
  },

pranitkhadilkar7

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';

export const GaugeChart = () => {
  const options = {
    chart: {
      type: 'gauge',
      plotBorderWidth: 0,
      plotShadow: false
    },

pranitkhadilkar7

const options = {
  chart: {
    events: {
      load: function() {
        // Chart loaded callback
        console.log('Chart loaded');
      },
      redraw: function() {
        // Chart redrawn callback
        console.log('Chart redrawn');