Not sure why I'm getting the following error:

TypeError: axios.get is not a function



    4 |

    5 | export const getTotalPayout = async (userId: string) => {

  > 6 |   const response = await axios.get(`${endpoint}get-total-payout`, { params: userId });

    7 |   return response.data;

    8 | };

    9 |

My service:

import * as axios from 'axios';



const endpoint = '/api/pool/';



export const getTotalPayout = async (userId: string) => {

  const response = await axios.get(`${endpoint}get-total-payout`, { params: userId });

  return response.data;

};

My jest test:

// import mockAxios from 'axios';

import { getTotalPayout } from './LiquidityPool';



const userId = 'foo';



describe('Pool API', () => {

  it('getTotalPayout is called and returns the total_payout for the user', async () => {

    // mockAxios.get.mockImplementationOnce(() => {

    //   Promise.resolve({

    //     data: {

    //       total_payout: 100.21,

    //     },

    //   });

    // });



    const response = await getTotalPayout(userId);

    console.log('response', response);

  });

});

In the src/__mocks__/axios.js I have this:

// tslint:disable-next-line:no-empty

const mockNoop = () => new Promise(() => {});



export default {

  get: jest.fn(() => Promise.resolve({ data: { total_payout: 100.21 }})),

  default: mockNoop,

  post: mockNoop,

  put: mockNoop,

  delete: mockNoop,

  patch: mockNoop

};