SharePoint SPFX: невозможно получить свойство "Контекст"

Question

Я работаю над собственным набором команд SPFX. Он открывает диалоговое окно с iframe для сторонней платформы. Я могу получить json в почтовом сообщении. Из этого json я конвертирую данные в файл с соответствующими метаданными. Все это работает как шарм... Кроме...

Теперь я хочу загрузить этот файл в библиотеку документов, и это сводит меня с ума.
Я имею в виду:

import "@pnp/polyfill-ie11";
import { ConsoleListener, Logger, LogLevel } from "@pnp/logging";
import { sp } from "@pnp/sp";
import { Web } from "@pnp/sp/webs";
import "@pnp/sp/webs";
import "@pnp/sp/files";
import "@pnp/sp/folders";
import { Base64 } from 'js-base64';

В своем диалоговом компоненте я пытаюсь загрузить файл с web.getFolderByServerRelativeUrl. Но этот метод не работает, и я действительно не понимаю, почему.... Глядя на ссылку pnp (https://pnp.github.io/pnpjs/sp/files/), кажется, что это правильный путь.

var file = Base64.atob(response.Data);
console.log("File length : " + file.length);
let web = Web("https://MyTenant.sharepoint.com/sites/Customer"); // this is successful 

await web.getFolderByServerRelativeUrl("/sites/Customer/Shared%20Documents/")
    .files.add(response.fileName, file, true); // this fails

Контекст устанавливается в CommandSet onInit()

@override
  public onInit(): Promise<void> {
    Log.info(LOG_SOURCE, 'Initialized myCommandSet');
    pnpSetup({
      spfxContext: this.context
    });
    return Promise.resolve();
  }

Надеюсь, вы, парни и девушки, укажете мне верное направление...

РЕДАКТИРОВАТЬ:

Ошибка:

HTTP400: INVALID REQUEST - The request could not be processed by the server
 due to an invalid syntax
POST - https://MyDevTenant.sharepoint.com/sites/customer/
_api/web/getFolderByServerRelativeUrl
('%2Fsites%2Customer%2FShared%2520Documents%2F')
/files/add(overwrite=true,url='')

Не все ли портит адрес из библиотеки документов?

Answer 1

Спасибо Уиллману за то, что указал мне правильное направление. Это сработало:

import { sp, Web, IWeb } from "@pnp/sp/presets/all";
import "@pnp/sp/webs";
import "@pnp/sp/lists";
import "@pnp/sp/files";
import "@pnp/sp/folders";

const web = await sp.web();
const list = sp.web.getList("Documents");
const listId = await list.select("Id")();
await sp.web.lists.getById(listId.Id).rootFolder.files.add(docname, file, true);