Проблема с запуском react-google-drive-picker в Django

Я пытаюсь реализовать google drive picker в моем проекте django + react:

import React from 'react';
import { Button, Card, Image } from 'antd';
import useDrivePicker from 'react-google-drive-picker';
import { useState, useEffect } from 'react';

const { REACT_APP_GOOGLE_CLIENT_ID, REACT_APP_GOOGLE_API_KEY } = process.env;

const Upload = () => {
  const [openPicker, data, authResponsive] = useDrivePicker();

  const upload = (data) => {
    console.log("uploading")
  };

  const handleOpenPicker = () => {
    try {
      openPicker({
        clientId: REACT_APP_GOOGLE_CLIENT_ID,
        developerKey: REACT_APP_GOOGLE_API_KEY,
        viewId: 'DOCS_VIDEOS',
        showUploadView: true,
        showUploadFolders: true,
        supportDrives: true,
        multiselect: true,
        callbackFunction: (data) => {
          upload(data)
        },
      });
    } catch (error) {
      console.log(error);
    }
  };

  return (
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', padding: '20px' }}>
      <h2>Select Videos from Google Drive</h2>
      <Button type="primary" onClick={() => handleOpenPicker()} style={{ marginBottom: '20px' }}>
        Open Drive Picker
      </Button>
    </div>
  );
};

export default Upload;

Я обслуживаю это с помощью django, при запуске этого в разработке (запустив npm run start и открыв http://localhost:3000) google-picker работает как ожидалось. Однако при запуске в django, собирая статику и обслуживая ее с http://localhost:8000, внезапно всплывающее окно не открывается. Может ли кто-нибудь помочь мне с тем, что я упускаю? Вот некоторые из моих настроек django cors + csrf :

CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_WHITELIST = env.list(
    'http://localhost:8000',
    'DJANGO_CORS_ORIGIN_WHITELIST',
    default=[BASE_FRONTEND_URL]
)
CSRF_TRUSTED_ORIGINS = ['http://localhost:3000',     'http://localhost:8000']
Вернуться на верх